Flutter基本概念&常用命名

Flutter基本概念

一切皆是Widgets
多组件容器（Row、Column、Stack、Wrap）
单组件容器（Container、Padding、Center、Align）
Flutter组件的规律

Widgets状态

stateful（有状态）

当创建一个能随时间动态改变的widget，并且不依赖于其初始化状态。

eg：Image
stateless（无状态）

当创建的widget不需要管理任何形式的内部state时，则使用StatelessWidget。

eg：Text
注意：
1. 创建一个Stateful Widget需要两个类，分别继承自StateFulWidget和State
2. state对象包含了widget的state和widget的build()方法
3. 当widget的state改变的时候，当调用setState()方法时，框架就会去调用build方法重绘widget

Code示例

dart 复制代码

void main() => runApp(MyStatelessWidget(text:"StatelessWidgetExample"));
class MyStatelessWidget extends StatelessWidget {
    final String text;
    MyStatelessWidget ({Key key, this.text}):super(key:key);
    
    @override
    Widget build(BuildContext context){
        return Center(
            child: Text(
                text,
                textDirection:TextDirection.ltr,
            ),
        );
    }
}

运行和调试

打印日志

print
断点
Dev Tool

VSCode插件

Flutter

扩展增加对有效编辑、重构、运行和重新加载Flutter移动应用程序的支持
Dart

扩展支持Dart编程语言
Flutter Widget Snippets

帮助Flutter和Dart参阅开发
bracket-pair-colorizer-2.colors

1）是常用flutter类和方法的集合

2）提高开发速度

3）消除样板

4）支持复杂的小部件

Flutter常用命名

flutter doctor

诊断当前的开发环境，有什么配得不对的

$x$ HTTP Host Availability

1）打开文件：flutter\packages\flutter_tools\lib\src\http_host_validator.dart

2）替换链接：

https://maven.google.com/ 改成 https://dl.google.com/dl/android/maven2/

kPubDevHttpHost的值 **改成 ** https://pub.flutter-io.cn/

kgCloudHttpHost的值改成 https://storage.flutter-io.cn/

3）删除文件：flutter\bin\cache\flutter_tools.snapshot

$x$ Android Studio (version 2021.2)

flutter config --android-studio-dir <Android studio目录路劲>

$x$ cmdline-tools component is missing

Sdk下载：Android SDK Command-line Tools(latest)

$x$ Android license status unknown.

控制台输入（全程输入Y）：flutter doctor --android-licenses
flutter create xxx

创建flutter项目
flutter run -d iPhone

选择编译运行的环境-d（device）
flutter build xxx

打包flutter项目
flutter devices

查看当前可以运行的环境
flutter config

1）查看flutter的配置信息

2）添加（--no-analytics）：在发送分析数据之前，禁止分析数据的统计

3）添加（--enable-analytics）：启动匿名分析

4）添加（--disable-analytics）：禁用匿名分析

5）添加（--android-studio-dir <Android studio目录路劲>）

6）添加（ --enable-windows-desktop）：设置windows启动