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

相关推荐
瓜子三百克2 小时前
七、性能优化
flutter·性能优化
码荼7 小时前
学习开发之hashmap
java·python·学习·哈希算法·个人开发·小白学开发·不花钱不花时间crud
武昌库里写JAVA8 小时前
Oracle如何使用序列 Oracle序列使用教程
java·开发语言·spring boot·学习·课程设计
祁思妙想8 小时前
八股学习(三)---MySQL
数据库·学习·mysql
amazinging9 小时前
北京-4年功能测试2年空窗-报培训班学测开-第四十一天
python·学习·appium
Jyywww1219 小时前
微信小程序学习笔记
笔记·学习·微信小程序
amazinging9 小时前
北京-4年功能测试2年空窗-报培训班学测开-第三十九天
python·学习·appium
每次的天空10 小时前
Android-自定义View的实战学习总结
android·学习·kotlin·音视频
重庆小透明10 小时前
力扣刷题记录【1】146.LRU缓存
java·后端·学习·算法·leetcode·缓存
恋猫de小郭10 小时前
Flutter Widget Preview 功能已合并到 master,提前在体验毛坯的预览支持
android·flutter·ios