1、开发工具Android Studio 3.3.2。
2、创建工程流程:
3、工程目录结构:
4、Terminal 输入命令或者直接点击命令(Packages get | Packages upgrade | Flutter upgrade | Flutter doctor)
5、热重载,带有闪电⚡️图标的按钮:
6、开源软件包:
7、驼峰命名法:
8、Flutter快速布局工具以及使用教程:
1、开发工具Android Studio 3.3.2。
2、创建工程流程:
File —> New —> New Flutter Project —> 选择Flutter Application —> Configure the new Flutter application
Project name:项目名称
Flutter SDK path : SDK路径 (https://flutter.dev/docs/get-started/install)
Project Location:项目路径
Description:项目描述 (例如:A new Flutter application.)
3、工程目录结构:
pubspec.yaml:
name:包名(很重要,如果修改了name所有的dart的文件的import前引用的本地的文件啊的包名都需要修改)
description:描述(例如:A new Flutter application.)
version:包的版本
author:包的作者
dependencies: # 指定包的依赖
flutter:
sdk: flutter
例如:cupertino_icons、english_words、geetest_plugin、cached_network_image、相关依赖
cupertino_icons: ^0.1.2
english_words: ^3.1.0
#geetest_plugin: ^0.1.6 #极验
cached_network_image: ^0.7.0 #图片加载与缓存
flutter_swiper: ^1.0.6 #轮播图
dev_dependencies:(开发者模式依赖库)
flutter_test:
sdk: flutter
fluro: “^1.3.4”
uses-material-design: true(可以使用预定义Material icons)https://material.io/tools/icons/
引入图片文件:(images文件下存放了各种图片,images文件夹被创建在和android、ios、lib、test文件夹同级目录下)
assets:
-
images/mine/ic_my_shape.png
-
images/mine/ic_lancher.png
android:android平台相关代码
ios:ios平台相关代码
lib:flutter相关代码,编码的相关文件
pubspec.lock:当你添加一个依赖包运行命令:flutter packages get
,Flutter将找到包的版本保存在pubspec.lock
.gitignore:(给Flutter项目添加.gitignore文件以及如何修改.gitignore文件并生效https://blog.csdn.net/qq_26287435/article/details/88736940)
.flutter-plugins:(是根据当前依赖自动生成的,里面包含了当前Flutter工程所依赖(直接依赖和传递依赖)的Flutter子工程与绝对路径的K-V关系,子工程可能是一个Flutter Plugin或者是一个Flutter Package)
test:测试相关文件夹
4、Terminal 输入命令或者直接点击命令(Packages get | Packages upgrade | Flutter upgrade | Flutter doctor)
Packages get /flutter packages get:获取pubspec.yaml
文件中列出的所有依赖包