在 ChromeOS 上开始构建 Flutter Android 应用

内容

验证系统要求
- 硬件要求
- 软件要求
配置文本编辑器或 IDE
安装 Flutter SDK
配置 Android 开发
检查你的开发设置
- 运行 Flutter doctor
- 解决 Flutter doctor 问题
使用 Flutter 在 ChromeOS 应用上开始 Android 开发
管理你的 Flutter SDK

验证系统要求

要安装并运行 Flutter，你的 ChromeOS 环境必须满足以下硬件和软件要求。

硬件要求

你的 ChromeOS Flutter 开发环境必须满足以下最低硬件要求。

要求	最低	推荐
CPU 内核	4	8
内存（GB）	8	16
显示分辨率（像素）	WXGA (1366 x 768)	FHD (1920 x 1080)
可用磁盘空间（GB）	11.0	60.0

要了解 ChromeOS 为 Android 开发推荐哪些硬件设备，请参阅 ChromeOS 文档。

软件要求

要编写和编译适用于 Android 的 Flutter 代码，您必须拥有以下版本的 ChromeOS 和列出的软件包。

操作系统

Flutter 支持 ChromeOS。

开发工具

要在 ChromeOS 上开发 Flutter

在 Chromebook 上启用 Linux。

验证是否已安装以下工具：bash、file、mkdir、rm、which

$ which bash file mkdir rm which
/bin/bash
/usr/bin/file
/bin/mkdir
/bin/rm
which: shell built-in command

安装以下软件包：curl、git、unzip、xz-utils、zip、libglu1-mesa

$ sudo apt-get update -y && sudo apt-get upgrade -y;
$ sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa

要开发 Android 应用
1. 为 Android Studio 安装以下先决条件软件包：libc6:i386、libncurses5:i386、libstdc++6:i386、lib32z1、libbz2-1.0:i386
```
$ sudo apt-get install \
    libc6:i386 libncurses5:i386 \
    libstdc++6:i386 lib32z1 \
    libbz2-1.0:i386
```
2. 安装 Android Studio 2023.1 (Hedgehog) 以调试和编译适用于 Android 的 Java 或 Kotlin 代码。Flutter 需要 Android Studio 的完整版本。

当您运行当前版本的 flutter doctor 时，它可能会列出其中一个软件包的不同版本。如果出现这种情况，请安装它推荐的版本。

上述软件的开发人员为这些产品提供支持。要解决安装问题，请查阅该产品的文档。

配置文本编辑器或 IDE

您可以使用任何文本编辑器或集成开发环境 (IDE) 结合 Flutter 的命令行工具来构建 Flutter 应用。

使用带有 Flutter 扩展或插件的 IDE 可提供代码补全、语法高亮、小部件编辑辅助、调试和其他功能。

热门选项包括

Visual Studio Code 1.77 或更高版本，带有适用于 VS Code 的 Flutter 扩展。
Android Studio 2023.1（Hedgehog）或更高版本，并带有适用于 IntelliJ 的 Flutter 插件。
IntelliJ IDEA 2023.1 或更高版本，并带有适用于 IntelliJ 的 Flutter 插件。

安装 Flutter SDK

要安装 Flutter SDK，你可以使用 VS Code Flutter 扩展，也可以自行下载并安装 Flutter 捆绑包。

使用 VS Code 安装
下载并安装

使用 VS Code 安装 Flutter

要使用这些说明安装 Flutter，请验证你已安装 Visual Studio Code 1.77 或更高版本，以及适用于 VS Code 的 Flutter 扩展。

提示 VS Code 安装 Flutter

启动 VS Code。
要打开命令面板，请按 Control + Shift + P。
在命令面板中，键入 flutter。
选择Flutter：新项目。
VS Code 会提示你找到计算机上的 Flutter SDK。
1. 如果你已安装 Flutter SDK，请单击找到 SDK。
2. 如果你尚未安装 Flutter SDK，请单击下载 SDK。
  
  如果你未按照开发工具先决条件中的说明安装 Git，此选项会将你发送到 Flutter 安装页面。
当提示哪个 Flutter 模板？时，请忽略它。按 Esc。你可以在检查开发设置后创建测试项目。

下载 Flutter SDK

当为 Flutter SDK 选择文件夹对话框显示时，选择你希望安装 Flutter 的位置。

VS Code 会将你放在用户个人资料中以开始。选择其他位置。

考虑 ~/development/
单击克隆 Flutter。

在下载 Flutter 时，VS Code 会显示此弹出通知
```
Downloading the Flutter SDK. This may take a few minutes.
```
此下载需要几分钟。如果你怀疑下载已停止，请单击取消，然后重新开始安装。

下载 Flutter 完成后，将显示输出面板。

Checking Dart SDK version...
Downloading Dart SDK from the Flutter engine ...
Expanding downloaded archive...

成功后，VS Code 会显示此弹出通知

Initializing the Flutter SDK. This may take a few minutes.

在初始化过程中，输出面板会显示以下内容

Building flutter tool...
Running pub upgrade...
Resolving dependencies...
Got dependencies.
Downloading Material fonts...
Downloading Gradle Wrapper...
Downloading package sky_engine...
Downloading flutter_patched_sdk tools...
Downloading flutter_patched_sdk_product tools...
Downloading windows-x64 tools...
Downloading windows-x64/font-subset tools...

此过程还会运行 flutter doctor -v。在此步骤中，请忽略此输出。 Flutter Doctor 可能会显示不适用于此快速入门指南的错误。

当 Flutter 安装成功时，VS Code 会显示此弹出式通知

Do you want to add the Flutter SDK to PATH so it's accessible
in external terminals?

VS Code 可能会显示 Google Analytics 通知。

如果您同意，请点击确定。
要在所有终端窗口中启用 flutter
1. 关闭所有终端窗口，然后重新打开。
2. 重启 VS Code。

下载并安装 Flutter

要安装 Flutter，请从其存档中下载 Flutter SDK 捆绑包，将捆绑包移动到您希望存储的位置，然后解压 SDK。

下载以下安装捆绑包以获取 Flutter SDK 的最新稳定版本。

(正在加载…)

对于其他发行渠道和较旧版本，请查看 SDK 存档。

Flutter SDK 应下载到 ChromeOS 默认下载目录：~/Downloads/。
创建一个可以用来安装 Flutter 的文件夹。

考虑在 /usr/bin/ 中创建一个目录。
将 zip 文件解压到您希望存储 Flutter SDK 的目录中。
```
$ ~/Downloads/flutter_sdk_v1.0.0.zip /usr/bin/
```
完成后，Flutter SDK 应位于 /usr/bin/flutter 目录中。

将 Flutter 添加到您的 `PATH`

要在 shell 中运行 Flutter 命令，请将 Flutter 添加到 PATH 环境变量中。

检查在打开新的控制台窗口时启动哪个 shell。这将是您的默认 shell。
```
$ echo $SHELL
```
这与告诉您在当前控制台中运行哪个 shell 的另一个命令不同。
```
$ echo $0
```

要将 Flutter 添加到您的 PATH 中，请展开默认 shell 的条目，然后选择该命令。

显示 bash 命令

$ echo 'export PATH="$HOME/development/flutter/bin:$PATH"' >> ~/.bash_profile 

显示 zsh 命令

$ echo 'export PATH="$HOME/development/flutter/bin:$PATH"' >> ~/.zshenv 

显示 fish 命令

$ fish_add_path -g -p $HOME/development/flutter/bin 

显示 csh 命令

$ echo 'setenv PATH "$HOME/development/flutter/bin:$PATH"' >> ~/.cshrc 

显示 tsch 命令

$ echo 'setenv PATH "$HOME/development/flutter/bin:$PATH"' >> ~/.tcshrc 

显示 ksh 命令

$ echo 'export PATH="$HOME/development/flutter/bin:$PATH"' >> ~/.profile 

显示 sh 命令

$ echo 'export PATH="$HOME/development/flutter/bin:$PATH"' >> ~/.profile 

要应用此更改，请重新启动所有打开的终端会话。

配置 Android 开发

在 Android Studio 中配置 Android 工具链

help 帮助

要使用 Flutter 创建 Android 应用，请验证已安装以下 Android 组件。

Android SDK 平台，API 34.0.0
Android SDK 命令行工具
Android SDK 构建工具
Android SDK 平台工具
Android 模拟器

如果您尚未安装这些组件，或者您不知道，请继续执行以下步骤。

否则，您可以跳到下一部分。

首次使用 Android Studio
当前 Android Studio 用户

启动Android Studio。

欢迎使用 Android Studio 对话框显示。
按照Android Studio 设置向导操作。
安装以下组件
- Android SDK 平台，API 34.0.0
- Android SDK 命令行工具
- Android SDK 构建工具
- Android SDK 平台工具
- Android 模拟器

启动Android Studio。
转到设置对话框以查看SDK 管理器。
1. 如果您已打开项目，请转到工具 > SDK 管理器。
2. 如果欢迎使用 Android Studio对话框显示，请单击打开按钮后面的更多选项图标，然后从下拉菜单中单击SDK 管理器。
单击SDK 平台。
验证是否已选择Android API 34.0.0。

如果状态列显示有可用的更新或未安装
1. 选择Android API 34.0.0。
2. 单击应用。
3. 当确认更改对话框显示时，单击确定。
  
  SDK 快速修复安装对话框显示，并带有完成进度条。
4. 安装完成后，单击完成。
  
  在安装最新 SDK 后，状态列可能会显示有可用的更新。这意味着可能未安装一些其他系统映像。您可以忽略此问题并继续操作。
单击SDK 工具。
验证是否已选择以下 SDK 工具
- Android SDK 命令行工具
- Android SDK 构建工具
- Android SDK 平台工具
- Android 模拟器
如果任何上述工具的状态列显示有可用的更新或未安装
1. 选择所需的工具。
2. 单击应用。
3. 当确认更改对话框显示时，单击确定。
  
  SDK 快速修复安装对话框显示，并带有完成进度条。
4. 安装完成后，单击完成。

设置 Android 模拟器

help 帮助

要将 Flutter 应用配置为在 Android 模拟器中运行，请按照以下步骤创建并选择一个模拟器。

在开发计算机上启用VM 加速。
启动Android Studio。
转到设置对话框以查看SDK 管理器。
1. 如果您已打开项目，请转到工具 > 设备管理器。
2. 如果欢迎使用 Android Studio对话框显示，请单击打开按钮后面的更多选项图标，然后从下拉菜单中单击设备管理器。
单击虚拟。
单击创建设备。

虚拟设备配置对话框显示。
在类别下选择手机或平板电脑。
选择设备定义。您可以浏览或搜索设备。
单击下一步。
单击。
为要模拟的 Android 版本单击一个系统映像。
1. 如果所需映像在发行版名称右侧有一个下载图标，请单击该图标。
  
  SDK 快速修复安装对话框显示，并带有完成进度条。
2. 下载完成后，单击完成。
单击下一步。

虚拟设备配置显示其验证配置步骤。
要重命名 Android 虚拟设备 (AVD)，请更改AVD 名称框中的值。
单击显示高级设置并滚动到模拟性能。
从图形下拉菜单中，选择硬件 - GLES 2.0。

这将启用硬件加速并提高渲染性能。
验证您的 AVD 配置。如果正确，请单击完成。

要了解有关 AVD 的更多信息，请查看管理 AVD。
在设备管理器对话框中，单击您所需 AVD 右侧的运行图标。模拟器启动并显示您所选 Android 操作系统版本和设备的默认画布。

设置目标 Android 设备

help 帮助

要将 Flutter 应用配置为在物理 Android 设备上运行，您需要运行 Android API 级别 21 或更高版本的 Android 设备。

在您的设备上启用开发者选项和USB 调试，如Android 文档中所述。
[可选] 要利用无线调试，请在您的设备上启用无线调试，如Android 文档中所述。
将您的设备插入 ChromeOS 电脑。如果您的设备提示您，请授权您的电脑访问您的设备。
验证 Flutter 是否识别您的已连接 Android 设备。

默认情况下，Flutter 使用您的adb工具所在的 Android SDK 版本。要将不同的 Android SDK 安装路径与 Flutter 一起使用，请将ANDROID_SDK_ROOT环境变量设置为该安装目录。

同意 Android 许可证

help 帮助

在您使用 Flutter 且安装所有先决条件后，同意 Android SDK 平台的许可证。

打开提升的控制台窗口。
运行以下命令以启用签名许可证。
```
$ flutter doctor --android-licenses
```
如果您在其他时间接受了 Android Studio 许可证，则此命令返回
```
[========================================] 100% Computing updates...
All SDK package licenses accepted.
```
您可以跳过下一步。
在同意每项许可证的条款之前，请仔细阅读每项条款。

解决许可问题

如何修复找不到 Java 安装的错误

Android SDK 定位 Java SDK 时，您可能会遇到问题。

$ flutter doctor --android-licenses

ERROR: JAVA_HOME is set to an invalid directory: /Applications/Android\ Studio.app/Contents/jre/Contents/Home

Please set the JAVA_HOME variable in your environment to match the
location of your Java installation.

Android sdkmanager tool was found, but failed to run
(/Users/atsansone/Library/Android/sdk/cmdline-tools/latest/bin/sdkmanager): "exited code 1".
Try re-installing or updating your Android SDK,
visit https://flutterdart.cn/docs/get-started/install/macos#android-setup for detailed instructions.

flutter doctor命令返回此错误，原因是JAVA_HOME变量的设置方式。当您将路径添加到JAVA_HOME时，您可以在Android和Studio之间的空格添加反斜杠，或用匹配的引号括起整个路径。您不能同时执行这两项操作。

在您相应的 shell 资源文件中查找您的JAVA_HOME路径。

将其从

export JAVA_HOME="/Applications/Android\ Studio.app/Contents/jre/Contents/Home"

更改为

export JAVA_HOME="/Applications/Android Studio.app/Contents/jre/Contents/Home"

不要在 Android 和 Studio 之间包含反斜杠。

要加载此更新的环境变量，请重新加载您的 shell。此示例使用 zsh 资源文件。

source ~/.zshrc

检查您的开发设置

help 帮助

运行 Flutter doctor

flutter doctor 命令验证 ChromeOS 的完整 Flutter 开发环境的所有组件。

打开 shell。
要验证您对所有组件的安装，请运行以下命令。
```
$ flutter doctor
```

由于您选择为 Android 开发，因此您不需要所有组件。如果您按照本指南进行操作，您的命令结果应类似于

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.3, on , locale en)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[!] Chrome - develop for the web
[✓] Android Studio (version 2023.1 (Hedgehog) or later)
[✓] VS Code (version 1.86)
[✓] Connected device (1 available)
[✓] Network resources


! Doctor found issues in 2 categories.

解决 Flutter doctor 问题

当 flutter doctor 命令返回错误时，可能是由于 Flutter、VS Code、连接的设备或网络资源。

如果 flutter doctor 命令针对任何这些组件返回错误，请使用详细标志再次运行该命令。

$ flutter doctor -v

检查输出以了解您可能需要安装的其他软件或要执行的其他任务。

如果您更改了 Flutter SDK 或其相关组件的配置，请再次运行 flutter doctor 以验证安装。

使用 Flutter 开始在 ChromeOS 应用上开发 Android

恭喜！现在您已安装所有先决条件和 Flutter SDK，您应该能够开始为 ChromeOS 上的 Android 开发 Flutter 应用。

管理您的 Flutter SDK

要了解有关管理 Flutter SDK 安装的更多信息，请参阅以下资源。

验证系统要求

硬件要求

软件要求

操作系统

开发工具

配置文本编辑器或 IDE

安装 Flutter SDK

使用 VS Code 安装 Flutter

提示 VS Code 安装 Flutter

下载 Flutter SDK

下载并安装 Flutter

将 Flutter 添加到您的 PATH

配置 Android 开发

在 Android Studio 中配置 Android 工具链

配置目标 Android 设备

设置 Android 模拟器

设置目标 Android 设备

同意 Android 许可证

解决许可问题

检查您的开发设置

运行 Flutter doctor

解决 Flutter doctor 问题

使用 Flutter 开始在 ChromeOS 应用上开发 Android

管理您的 Flutter SDK

将 Flutter 添加到您的 `PATH`