flutter使用初探

推荐网站：

Flutter中国
Flutter中文文档
Flutter中文网
在 Flutter 中使用 WebView

下载flutter安装包

1. 获取 Flutter SDK
2. 将压缩包解压
3. 双击flutter_console.bat 文件

设置环境变量

1.更新path环境变量
把 flutter\bin 目录的完整路径加入到path环境变量中
2.使用镜像
由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像(临时镜像，并不保证一直可用，详情参考 Using Flutter in China)
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.设置 Android 开发环境
设置环境变量 ANDROID_HOME = Android Sdk的安装目录

运行 flutter doctor -v 查看[x]的部分，并解决

设置 Android 开发环境

注意最好不要使用最新的android 10.0 sdk,本人使用时启动不了

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

IDE设置，安装android sdk,插件 flutter 和dart:

flutter.jpg

HttpPorxy.jpg

sdk.jpg

updated.jpg

配置安装模拟器

1.激活机器上的 VM acceleration（F2进入BOIS选择configuration选项卡下的Intel Virtual Technology 选择Enabled）
2.启动 Android Studio > Tools > Android > AVD Manager创建一个虚拟设备

创建应用

1. 打开 IDE，选择 新 Flutter 项目 (Start a new Flutter project).
2. 选择 Flutter 应用程序 作为项目类型，然后点 下一步
3. 确认 Flutter SDK 路径 区域所示路径是正确的 SDK 路径。如果你还没有安装 SDK，需要先进行安装，选择 Install SDK…。
4. 输入项目名称(比如 ‘myapp’), 然后点击下一步。
5. 点击 完成。
6. 待 Android Studio 安装 SDK 后，创建项目。

运行程序

image

Flutter Inspector，实时审查页面元素

点击右上角 打开flutter inspector,然后单击 selector widget按钮启用inspector模式

inspector.jpg

查看依赖包：

工程上可以查看依赖包，文件夹名字后面跟版本号

package.jpg

flutter packages get获取依赖包不成功解决办法:

首先删除flutter SDK目录下的flutter/.pub-cache文件夹
然后运行flutter packages get就可以了

运行flutter应用时，长时间卡在: Running Gradle task 'assembleDebug'...

原因：因为Gradle的Maven仓库在国外, 可以使用阿里云的镜像地址
解决：https://blog.csdn.net/weixin_38166686/article/details/102170136
修改文件：

build.gradle.jpg

flutter.gradle.jpg