AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

谷歌的跨平台移动 UI 框架 Flutter 开始 Beta 测试

  • 2018-03-12
  • 本文字数:1120 字

    阅读完需:约 4 分钟

看新闻很累?看技术新闻更累?试试下载 InfoQ 手机客户端,每天上下班路上听新闻,有趣还有料!

Flutter 现在开始Beta 测试。谷歌创建这个框架是希望为iOS 和Anroid 应用提供跨平台的界面,虽然不是标准的,但看上像原生的。

React Native 类似,Flutter 支持反应式风格的 UI 定义方法。它与其他跨平台 Web 视图框架的区别是,它基于 Dart ,这样就不需要 JavaScript 来连接 UI 和 OS 平台提供的原生服务,如位置服务、传感器访问、相机等等。借助提前编译成原生代码的 Dart,Flutter 节省了使用 JavaScript 桥接时的上下文切换开销。

旨在提供原生 UI 外观的跨平台框架使用原生实现的小部件来描绘按钮、表格等。通常,这还需要 App 的不同部分使用 JavaScript 桥接来通信,导致速度变慢。为了避免这个问题,Flutter 提供了自己的小部件集合,直接在 OS 平台提供的画布上描绘这类控件。这种方法的另外一个好处和 Dart 的 UI 布局机制有关。 Android Layouts iOS Constraints 都旨在提供抽象概念描述在屏幕上布局 UI 元素的任何可能的方法,和这些 CSS 盒子模型不同,每个 Flutter 小部件都有自己的简单布局模型。具体来讲,如果要让一个小部件居中,则可以把它放到一个Center小部件里。类似地,如果要在其四周留有边距,则可以把它放在一个Padding小部件里。下面是一个简单的例子,一个 Center 小部件中包含一个文本和一个图标,两者垂直排列:

复制代码
new Center(
child: new Column(
children: [
new Text('Hello, World!')),
new Icon(Icons.star, color: Colors.green)
]
)
)

在 Flutter 中,所有的主题和导航都表示为小部件,因此,你可以改变 UI 的外观或者使用不同的父部件浏览不同视图的方式。

从 Flutter 进入 Alpha 阶段开始,谷歌就一直致力于更好的工具集成、Android Studio 和 Visual Studio Code 支持、更好的平台互操作性、更好的热重载以及一个针对部件树的部件查看器

由于Flutter 使用了Dart,所以可以促进其应用的一个关键因素是,可用的第三方程序包让开发人员可以重用代码,而不必什么东西都从头开始编码。这包括类似发送网络请求、导航处理这样的东西,以及使用Firebase、SQLite、Facebook Connect 等外部SDK。感兴趣的读者可以查看Flutter 上可用的程序包目录,其中包括1000 多个程序包,看看其中是否包含自己需要的一切。

谷歌表示,在向1.0 迈进的过程中,他们的重点是稳定性和支持更多的场景,例如,让Flutter 更容易嵌入到已有的App 中使用内联WebViews ,等等。

如果想试用Flutter beta,只要按照安装说明来操作即可。此外,务必看一眼 Flutter Gallery Posse Gallery 这些有用的链接

查看英文原文 Google’s Cross-Platform Mobile UI Framework Flutter Now in Beta

2018-03-12 19:002484
用户头像

发布了 1008 篇内容, 共 423.0 次阅读, 收获喜欢 346 次。

关注

评论

发布
暂无评论
发现更多内容

鸿蒙应用成企业布局新方向 鸿蒙人才成开年之后“香饽饽”

最新动态

SD-WAN:三步轻松实现异地访问总部内网

Ogcloud

SD-WAN 企业网络 SD-WAN组网 SD-WAN服务商 SDWAN

DAPP算力质押NFT合约系统开发|项目方案|技术成熟

l8l259l3365

文心一言 VS 讯飞星火 VS chatgpt (202)-- 算法导论15.3 1题

福大大架构师每日一题

福大大架构师每日一题

大模型如何助力开发者打造新质生产力

百度开发者中心

人工智能 大模型

AI数字人SadTalker实战

不在线第一只蜗牛

AI 数字人 人工智能技术

能碳双控| AIRIOT智慧能碳管理解决方案

AIRIOT

智慧系统 能碳管理 智慧能碳

如何为数据采集项目选择合适的API

Noah

企业过二级等保采购哪家堡垒机好?电话多少?

行云管家

等保 堡垒机 等保测评 二级等保

大模型时代软件研发效率革命

百度开发者中心

人工智能 大模型

分库分表如何管理不同实例中几万张分片表?

程序员小富

Java 分库分表 springboot

拟人化智能自动化遍历

测吧(北京)科技有限公司

测试

智能化测试框架与平台的设计与实现:基于人工智能技术的创新

测吧(北京)科技有限公司

测试

英特尔首推面向AI时代的系统级代工

E科讯

服装品牌升级必备:智能商品计划管理系统带来的五大惊喜!

第七在线

提升生产能力的必备工具——MES系统自动排产

万界星空科技

生产管理系统 mes 万界星空科技 生产管理 自动排产

JavaScript中的包装类型详解

Immerse

JavaScript 包装类型

面试官:限流的实现方式有哪些?

王磊

Java 面试

小程序应用、页面、组件生命周期(涵盖启动、显示、隐藏、错误、未找到、卸载阶段)

天津汇柏科技有限公司

小程序开发 软件定制开发 软件开发定制

动手实践丨轻量级目标检测与分割算法开发和部署(RK3568)

华为云开发者联盟

人工智能 自动驾驶 华为云 华为云ModelArts 华为云开发者联盟

SD-WAN解决企业组网中网络卡顿问题

Ogcloud

SD-WAN 企业组网 SD-WAN组网 SD-WAN服务商 SDWAN

数字先锋| 变“制”为“智”!天翼云助力嵊州领航数字化烹饪时代!

天翼云开发者社区

人工智能 云计算

香港游戏服务器的选择与配置:打造极致游戏体验

一只扑棱蛾子

游戏服务器 香港服务器 香港游戏服务器

教你学会Next.js14(c-shopping电商开源)

Geek_9da61c

JWT Tailwind next.js joi rtk query

微软曾想将 Bing 搜索卖给苹果;英伟达首次公开将华为列为对手丨 RTE 开发者日报 Vol.151

声网

解决混合精度训练大模型的局限性问题

百度开发者中心

人工智能 深度学习 大模型

谷歌的跨平台移动UI框架Flutter开始Beta测试_开源_Sergio De Simone_InfoQ精选文章