自学内容网 自学内容网

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);
        
        
        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启动


原文地址:https://blog.csdn.net/qq_44186810/article/details/140477288

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!