要在 Android 上构建和运行 Flutter 应用程序,你需要满足以下要求:
- 运行 macOS、Windows 或者 Linux 的计算机
- Android Studio
- Android 模拟器(随 Android Studio 一起提供)或 Android 物理设备
重要提示:如果连接到计算机的 Android 手机上出现“允许 USB 调试”对话框,请启用始终允许从此计算机选项,然后单击确定。
在继续本教程之前,请确保你的 SDK 处于正确的状态。如果之前安装过 Flutter,则使用 flutter upgrade
来确保 SDK 处于最新版本。
flutter upgrade
运行 flutter upgrade
将自动运行 flutter doctor
。如果这是首次安装 Flutter 且不需升级,那么请手动运行 flutter doctor
。查看显示的所有检查标记;这将会下载你需要的任何缺少的 SDK 文件,并确保你的计算机配置无误以进行 Flutter 的开发。
flutter doctor
3. 下载教程初始应用程序
从 MDC-101 继续?
如果你完成了 MDC-101,那么本教程所需代码应该已经准备就绪,跳转到 添加应用栏 步骤。
从头开始?
下载初始应用程序
此入门程序位于 material-components-flutter-codelabs-102-starter_and_101-complete/mdc_100_series
目录中。
…或者从 GitHub 克隆它
要从 GitHub 克隆此项目,请运行以下命令:
git clone https://github.com/material-components/material-components-flutter-codelabs.git
cd material-components-flutter-codelabs
git checkout 102-starter_and_101-complete
更多帮助:从 GitHub 上克隆存储库
正确的分支
教程 MDC-101 到 104 连续构建。所以当你完成 102 的代码后,它将变成 103 教程的初始代码!代码被分成不同的分支,你可以使用以下命令将它们全部列出:
git branch --list
要查看完整代码,请切换到
103-starter_and_102-complete
分支。
建立你的项目
以下步骤默认你使用的是 Android Studio (IntelliJ)。
创建项目
-
在终端中,导航到
material-components-flutter-codelabs
-
运行
flutter create mdc_100_series
打开项目
-
打开 Android Studio。
-
如果你看到欢迎页面,单击 打开已有的 Android Studio 项目。
- 导航到
material-components-flutter-codelabs/mdc_100_series
目录并单击打开,这将打开此项目。
在构建项目一次之前,你可以忽略在分析中见到的任何错误。
- 在左侧的项目面板中,删除测试文件
../test/widget_test.dart
- 如果出现提示,安装所有平台和插件更新或 FlutterRunCo