已发布·持续改进
Framework · 2017 年发布
Flutter 是 Google 推出的开源 UI 框架，用一套 Dart 代码即可构建移动、Web 和桌面应用。
Flutter 是 Google 开发的开源 UI 框架，于 2017 年首次发布。一套代码即可构建 Android、iOS、Web、Windows、macOS 和 Linux 应用。应用使用 Google 的 Dart 语言编写；Dart 是一门面向对象语言，语法与 Java、TypeScript 相近，支持空安全和 async/await，Dart SDK 随 Flutter 一起提供。
Flutter 不使用各平台的原生 UI 控件，而是用自己的渲染引擎绘制每一个像素。因此应用在各平台上的外观和行为保持一致，自定义设计和动画也不受限制。发布构建会把 Dart 代码预先编译为机器码，开发时则可通过热重载在保留应用状态的同时立即看到代码改动。正因如此，Flutter 在需要同时上架多个平台的移动应用中尤其常用。
入门时，建议先安装 Flutter SDK，用 flutter doctor 检查开发环境，再通过修改 flutter create 生成的计数器应用来理解 widget 的概念。结合官方 codelab 和 Dart 语言指南，可以循序渐进地学习 widget 组合、状态管理和布局。所需的包可在 pub.dev 上查找，并用 flutter pub add 添加。
同一份 Dart 代码即可构建 Android、iOS、Web、Windows、macOS 和 Linux 应用，只在需要时补充平台专用代码。
文本、间距、布局乃至整个页面都是 widget，复杂界面由小的 widget 组合而成。
代码改动大约一秒内就会出现在运行中的应用里，而且应用状态不会丢失。
Flutter 引擎自行绘制每个像素，发布构建预先编译为机器码，运行流畅。
在 VS Code 中安装 Flutter 扩展并让它自动下载 SDK，或从 docs.flutter.dev 下载对应操作系统的 SDK，解压后把其中的 bin 目录加入 PATH。Dart SDK 已包含在内。
运行 flutter doctor，查看 Android Studio、Xcode、Chrome、Visual Studio 等各目标平台所需的工具是否齐全。只需准备要构建的平台对应的工具。
flutter doctor用 flutter create 创建项目，并在已连接的设备、模拟器或浏览器上运行。运行期间保存代码，热重载会立即应用改动。
flutter create hello_app && cd hello_app && flutter run每个 Flutter 应用都从 lib/main.dart 中的 main 函数开始，传给 runApp 的 widget 会占满整个屏幕。MaterialApp 提供 Material Design 应用的基本骨架，Scaffold 提供单个页面的基础布局，Center 和 Text 则在中间显示文字。把 flutter create 生成的 main.dart 替换为这段代码，再用 flutter run 运行即可。
lib/main.dart
import 'package:flutter/material.dart';
void main() {
runApp(
const MaterialApp(
home: Scaffold(
body: Center(child: Text('Hello, world!')),
),
),
);
}
flutter create hello_app && cd hello_app && flutter run共六章，带你从安装一步步了解 Flutter 的核心概念。
在这里提问、分享经验，交流关于 Flutter 的看法。
还没有讨论。来发起第一个吧。
0 条评论
登录 · 登录后即可发表评论。
来发表第一条评论吧。