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示例

    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

          [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 ）

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