直播预约通道开启!2021腾讯数字生态大会邀您共探产业发展新机遇! 了解详情
写点什么

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

2018 年 3 月 12 日

看新闻很累?看技术新闻更累?试试下载 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 年 3 月 12 日 19:001715
用户头像

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

关注

评论

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

北鲲云超算:以HPC解决方案助力生命科学领域研究发展

北鲲云

百分点大数据技术团队:ClickHouse国家级项目性能优化实践

百分点科技技术团队

高阶的产品经理是什么样的?

石云升

产品经理 职场经验 7月日更

B 站崩了:事情不大,影响不小

Java架构师迁哥

ipfs矿机最新消息是什么?ipfs矿机公司实力排名情况?

v:IPFS456

ipfs矿机最新消息是什么? ipfs矿机公司实力排名?

Web UI自动化的设计和实践

GrowingIO技术专栏

第四周作业-知识星球加入星球的用例文档

小夏

产品经理训练营 邱岳

模块二作业

VE

架构实战营

架构实战营模块二作业

Clarke

架构实战营

【得物技术】零拷贝

得物技术

io 网络 零拷贝 流程 传输

Magician 1.1.16 发布,handler采用注解配置

Magician网络编程包

Java 网络编程 nio

作为程序员,遇到问题时你的解决手段是什么?

阿杰

程序员自我修养

面试阿里P6,却被MySQL难倒,二战阿里,挤进天猫团队(Java岗)

马小轩

Java 编程 程序员 面试 笔记

终于见到!华为 18 级专家把操作系统与网络,讲解得如此通俗易懂

Java架构师之路

Java 华为 程序员 架构 操作系统

不愧是 Alibaba 技术官,Kafka 的精髓全写这本“限量笔记”里,服了

Java架构师之路

Java kafka 程序员 架构 分布式

GitHub 爆火!2021 年度巨作:拼多多 / 蚂蚁 / 百度面经分享

Java架构师之路

Java 程序员 架构 算法 面经

博睿数据亮相2021中国互联网大会,践行数字政府新路径

博睿数据

博睿数据 数据链DNA

鬼知道发生了什么?痛述阿里 Java 岗 5 轮技术面经历,险幸上岸

Java架构师之路

Java 程序员 架构 面经 大厂面试题

这是我在七月收到的第九个 Offer:字节跳动 Java 研发岗

Java架构师之路

Java 程序员 架构 面试 大厂

神操:凭借“Java 核心技能精讲”,竟收割了 21 个 Offer

Java架构师之路

Java 程序员 架构 高并发 核心知识点

phabricator + gitlab 强制code review

阿呆

gitlab Code Review phabricator

顶风作案,盗取师兄的阿里内部Redis学习笔记

架构大师

Java redis 编程 程序员 Java学习

史上最全 106 道 Java 高频面试合集,九大专题,命中率高达 95%

Java架构师之路

Java 程序员 架构 面试题 大厂

吹爆!阿里新产 Spring Boot 高级笔记,肝完变秃也变强

Java架构师之路

Java spring 程序员 架构 springboot

不愧是 Alibaba 技术官,高并发的精髓全写这本“高并发系统设计”里,服了

Java架构师之路

Java 程序员 架构 高并发 Alibaba

Git 标星 25K,美团大佬私藏的 SpringSecurity 笔记,堪比教科书级

Java架构师之路

Java GitHub 程序员 架构 面试

肝到头秃!阿里爆款的顶配版 Spring Security 笔记

Java架构师之路

Java spring 程序员 架构 springboot

百分点数据科学实验室:智慧应急安全生产智能决策方案建设实践

百分点科技技术团队

准备两个月,面试五分钟,Java 中高级岗面试为何越来越难?

Java架构师之路

Java 程序员 架构 面试 面经

Python OpenCV 基于图像边缘提取的轮廓发现函数

梦想橡皮擦

7月日更

3 年 Java 经验硬核通过京东面试(已获 Offer), 谁说专科不能进大厂?

Java架构师之路

Java 程序员 架构 面试 面试大厂

技术为帆,纵横四海- Lazada技术东南亚探索和成长之旅

技术为帆,纵横四海- Lazada技术东南亚探索和成长之旅

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