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](https://so.csdn.net/so/search?q=maven&spm=1001.2101.3001.7020).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项目

  • 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启动

相关推荐
叽哥3 小时前
Flutter Riverpod上手指南
android·flutter·ios
BG18 小时前
Flutter 简仿Excel表格组件介绍
flutter
zhangmeng1 天前
FlutterBoost在iOS26真机运行崩溃问题
flutter·app·swift
恋猫de小郭1 天前
对于普通程序员来说 AI 是什么?AI 究竟用的是什么?
前端·flutter·ai编程
卡尔特斯1 天前
Flutter A GlobalKey was used multipletimes inside one widget'schild list.The ...
flutter
w_y_fan1 天前
Flutter 滚动组件总结
前端·flutter
醉过才知酒浓1 天前
Flutter Getx 的页面传参
flutter
火柴就是我2 天前
flutter 之真手势冲突处理
android·flutter
Speed1232 天前
`mockito` 的核心“打桩”规则
flutter·dart
法的空间2 天前
Flutter JsonToDart 支持 JsonSchema
android·flutter·ios