在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter
Flutter环境搭建教程
-
配置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版本如下:
Flutter 版本 3.10.5 Dart版本 3.0.5 2023/6/14