Skip to content

认识flutter

https://flutter.cn/

https://github.com/Solido/awesome-flutter

https://github.com/crazycodeboy/awesome-flutter-cn

https://github.com/flutter/flutter

同样是跨端的 react-native: https://github.com/facebook/react-native

教程

https://flutter.cn/community/tutorials

https://flutter.cn/docs/cookbook

给 Web 开发者的 Flutter 指南

为 Java 开发人员准备的 Dart 教程

国内镜像

https://flutter.cn/community/china

在 .zshrc 中添加如下内容 

1
2
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

安装和环境配置

https://flutter.cn/docs/get-started/install/macos

下载安装包来获取最新的 stable Flutter SDK

将文件解压到目标路径, 比如:

1
2
cd ~/development
unzip ~/Downloads/flutter_macos_3.3.4-stable.zip

配置 flutter 的 PATH 环境变量：

1
export PATH="$PATH:`pwd`/flutter/bin"

例如 

1
2
export PATH="$PATH:/Users/nocilantro/flutter/bin"
source ~/.zshrc

1
2
which flutter
/Users/nocilantro/flutter/bin/flutter

通过运行以下命令来查看当前环境是否需要安装其他的依赖（如果想查看更详细的输出，增加一个 -v 参数即可）：

1
flutter doctor

这个命令会检查你当前的配置环境，并在命令行窗口中生成一份报告。
安装 Flutter 会附带安装 Dart SDK，所以不需要再对 Dart 进行单独安装。
你需要仔细阅读上述命令生成的报告，看看别漏了一些需要安装的依赖，或者需要之后执行的命令（这个会以 加粗的文本 显示出来）。

更新 flutter: 

1
flutter upgrade

会自动更新 dart 的版本

设置 Android 开发环境

下载并安装 Android Studio。

https://developer.android.com/studio

运行 Android Studio，并进入 ‘Android Studio Setup Wizard’，这会安装最新的 Android SDK， Android SDK Platform-Tools 以及 Android SDK Build-Tools，这些都是在开发 Android Flutter 应用时所需要的。

运行 flutter doctor 确保 Flutter 已经定位到了你的 Android Studio 的安装位置。
如果 Flutter 并未定位到，运行 flutter config --android-studio-dir <directory> 设置你的 Android Studio 的安装目录。

配置 Android 模拟器

根据以下步骤来将 Flutter 应用运行或测试于你的 Android 模拟器上：

  1. 激活机器上的 VM acceleration 选项。

安装 Java8

https://www.java.com/en/download/

1
2
3
4
java -version
java version "1.8.0_341"
Java(TM) SE Runtime Environment (build 1.8.0_341-b10)
Java HotSpot(TM) 64-Bit Server VM (build 25.341-b10, mixed mode)

安装 command-line

https://developer.android.com/studio/command-line

/Users/nocilantro/Library/Android/sdk 

1
/Users/nocilantro/Library/Android/sdk/tools/bin/sdkmanager --install "cmdline-tools;latest"

同意 Android 协议

在使用 Flutter 前，你必须同意 Android SDK 平台的协议。你可以在安装完上述工具后执行这一步。

确保你安装了 Java 8，并且正确设置了 JAVA_HOME 环境变量到 JDK 目录。

高于 2.2 版本的 Android Studio 自带了 JDK，所以应无需手动操作。

打开一个已经提升管理员权限的终端窗口，运行以下命令进行协议的确认。

1
flutter doctor --android-licenses

仔细阅读每条协议后同意。

当你同意所有协议后，再次运行 flutter doctor 以确认是否已经可以正常使用 Flutter。

编辑工具设置

打开 VS Code。

在扩展搜索输入框中输入「flutter」，然后在列表中选择 Flutter 并单击 Install。此过程中会自动安装必需的 Dart 插件。

点击 Reload to Activate 以重新启动 VS Code。

通过 Flutter Doctor 命令验证是否安装成功
打开 View > Command Palette…。

输入 “doctor”，选择 Flutter: Run Flutter Doctor。

打开 OUTPUT 面板查看是否有错误，确保在不同的输出选项 (Output Options) 的下拉列表中选择了 Flutter。

踩坑

Your project requires a newer version of the Kotlin Gradle plugin

1
2
3
Find the latest version on https://kotlinlang.org/docs/releases.html#release-details
update /Users/nocilantro/Desktop/todo/android/build.gradle:                           
ext.kotlin_version = '<latest-version>'

例如, 现在 /Users/nocilantro/Desktop/todo/android/build.gradle 是 ext.kotlin_version = '1.6.10'
看到最新版本为 1.8.22
那么更新为 ext.kotlin_version = '1.8.22'
重新运行 debug

示例

《有趣的 Flutter》一书的随书代码:
https://github.com/FunnyFlutter/todo_app

gpt 查询的如何学习 flutter

可以遵循以下步骤：

  • 安装Flutter和相关工具： 在开始之前，您需要在计算机上安装Flutter和相关工具，如Dart和Android Studio或Visual Studio Code等。
  • 学习Dart语言： Dart是Flutter使用的编程语言，因此您需要熟悉Dart语言的基础知识。您可以通过在线文档、书籍或教程来学习Dart语言。
  • 学习Flutter框架： 学习Flutter框架的基础知识非常重要，包括Flutter的基本构建块，如Widget、布局、动画和手势等等。 您可以在Flutter官方网站上找到丰富的文档和示例，以帮助您入门。
  • 实践： 通过实际编写Flutter应用程序来巩固所学知识。您可以开始从小的应用程序开始，逐步增加复杂度。
  • 社区支持： 通过加入Flutter社区来获取更多支持和学习机会。 Flutter社区非常活跃，您可以在社区中寻求帮助、分享经验和学习新知识。

总之，学习Flutter需要不断实践和不断探索，同时也需要耐心和毅力。 通过以上步骤，您可以逐渐掌握Flutter开发的基本技能和知识。

书籍:
好书推荐:
Flutter实战：https://book.douban.com/subject/30479372/
这本书由Flutter核心团队成员撰写，详细介绍了如何使用Flutter构建高质量的移动应用程序。

Flutter移动应用开发指南：https://book.douban.com/subject/34967960/
这本书详细介绍了如何使用Flutter开发移动应用程序，包括界面设计、路由管理、动画、网络请求、数据存储等方面的内容。

Flutter实战入门：https://book.douban.com/subject/35132149/
这本书是一本入门级的Flutter教程，包括Flutter基础知识、常用控件使用、网络请求、数据库、第三方库等方面的内容，适合Flutter初学者阅读。

Flutter与Dart编程指南：https://book.douban.com/subject/33381222/
这本书详细介绍了Flutter和Dart编程语言的基础知识和使用方法，包括Flutter和Dart的基础语法、面向对象编程、异步编程等方面的内容。

Flutter实战: 带你快速上手Flutter开发，作者： 郭宇、姜振华

Flutter移动应用开发实战，作者：程亮

Flutter应用开发实战，作者：李坤

Dart语言实战，作者：赵玉波

Flutter实战入门，作者：李明杰

新书:
Flutter实战进阶：实用案例解析与开发技巧，作者：周莉

Flutter跨平台应用开发实战：项目实战篇，作者： 王志华、姜振华

Flutter移动应用开发实战：全面覆盖Flutter 2.x，作者：程亮

Flutter深度实战：应用架构与性能优化，作者： 李朝晖