Flutter环境搭建笔记

Asmewill
180 阅读2分钟

在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

环境变量配置

flutter doctor 报错原因分析

安装Flutter和Dart插件

国外flutter开源项目网址

Dart基础语法

学习资料

Flutter环境搭建教程

  • 下载FlutterSDK最新版本

  • 配置Path 路径，配置用户变量，path路径于第一行。 image.png

  • 配置系统变量，path路径于第一行。 image.png

  • 命令行输入 flutter doctor 检测， image.png

  • 如果出现 Android toolchain -develp for Android device 报错，如果使用的是java1.8版本，可以使用低版本的 Commond-line Tools，以防低版本的java无法编译高版本的java文件。 image.png

  • 命令行输入flutter doctor --android-licenses ，一路 "y" ，同意各种协议即可。 image.png

  • 再次输入flutter doctor检测，看看是否有报错的。 image.png

Flutter Code 快捷键

  • 创建一个stateless widget 或 stateful widget 需输入stless即可创建一个无状态widget

  • 创建一个stateless widget 或 stateful widget 或输入stful 创建一个 Stateful widget

UI心得

  • 控件自适应：Row-->Expanded-->Container--->控件 REC 宽度自适应

  • Row--->【Container,Expanded-->Container 】 左边固定，右边自适应 R【CEC】

  • ListView中直接放Container时必须给出高度才会显示

构建项目问题记录

  • pub flutter_html: ^2.1.2 可能和当前的项目配置不匹配，导致项目无法构建，报错 image.png

  • pub city_pickers: ^1.1.0 可能和当前的项目配置不匹配，导致项目无法构建，报错 image.png

  • 如果导入旧项目，出现报错问题 ，可以新建一个全新项目，导入相关库，一步步排查，看看究竟是哪个库出问题了。 image.png

  • AS上导入 Flutter新项目直接步骤 File --- Open ---选择要打开的项目即可.

  • JdShop项目使用的Flutter版本和Dart版本如下：

image.png

  • Jdshop项目由flutter3.10.5版本下降到flutter2.2.3后报错记录

1.fluttertoast: ^8.0.7, 这个 ^ 符号去掉 就是加载指定 的版本的 ， ^ 会在每次加载依赖时自动向上拉取最新版本 image.png

2.Warning: Operand of null-aware operation '?.' has type 'List' which excludes null. 可以去掉? 或者 ! .

image.png

  1. 如果Gradle版本本地没有的话，run项目会一直卡住，无法安装，时间非常久...
avatar
文章
阅读
粉丝