标签: 跨平台

中文社区电子书地址
flutter pub社区包地址
flutter安装,官方说明
- 下载flutter并解压
- 添加path
- 使用flutter-doctor进行环境判断
- 添加编辑器flutter插件

flutter常用命令

# flutter创建项目
flutter create flutter_app
#运行项目,可在后面添加--debug(调试),--release(发布)和--profile(性能分析),默认debug模式
flutter run
# 清除构建缓存
flutter clean
# 直接添加、删除依赖
flutter pub add xxx
flutter pub remove xxx
# 获取、提供建议、更新依赖(需要提前修改pubspec.yaml添加对应包)
flutter pub get
flutter pub outdated
flutter pub update
#生成指定的apk/ios/web/windows文件,默认打release包,也可以同run命令使用其他参数
flutter build apk --release --target-platform android-arm64

建议使用官方组件库,方便更新flutter版本和定制样式,有第三方风格的组件库:
- Bruno
- Get Widget
状态管理与路由管理:
- 官方的provider
- GetX,响应式视图更改
- bloc,三层分离式设计

12a2024/10/3大约 1 分钟

02.dart

2.1 dart简介

dart是flutter使用的开发语言,可以声明变量类型,也可以使用var使其可变,作为新出现的开发语言,与其他热门语言有相似之处,上手难度低
- 最新版本已使用类似kotlin的空安全,使用??运算符(a??'1'等价于a!=null?a:'1')和断言不为空运算符!
命名风格:官方文档
所有关键字
与java区别:
- 添加了新的运算符~/取模运算
- 增加了String,Record,List,Set,Map,Symbol这些typescript类型作为基本类型,减少了数字类型,只有int和double两种,基本类型都继承了Object,不需要使用Integer等类型作为泛型类型,泛型运行时不会被擦除,可以被推断
- String的定义可以使用'a'或"a",如果需要字符可以使用s.characters
- 允许重写运算符
- const和final关键字: 在java中只有final关键字,可以用于修饰变量(不可修改),方法/类(不可继承重写),在dart中只有修饰变量的作用
  - const关键字和final关键字都表示初始化之后无法更改
  - const在运行之前就已经固定此值了, 此值哪怕是List等类型也无法修改,也因此const只能声明非实例化变量(不是使用new关键字定义的对象), final用法和java用法相同(目前不能用于函数修饰)
- dart的类与继承设计与java类似,extends和implements关键字基本定义与java基本相同,但dart中任何类都是接口,都可被implements,实现类必须复写已实现接口的所有功能的具体实现
  - dart中存在mixin,相当于java中已实现所有方法的接口,可以当做多继承的解决方法使用
  - 当有同名方法时: 无论是extends、implements还是mixin(混入,with),优先级最高的是在具体类中的方法。其他优先级: with(尾) > with(首) > extends > implements
- 使用future/Stream实现异步
- 新的java中不存在的语法糖
  - ..使空返回值的函数也可以链式调用(让返回值为调用的对象)
dart的类型判断:由于dart的泛型是运行时绑定,因此所有类型都可以通过is进行判断

12a2024/10/3大约 2 分钟

03.基础内容

3.1 状态管理

一般有三种状态管理方式
- 组件管理自身的状态,此时组件需要继承statefulWidget
- 由父组件管理子组件的状态,并告诉子组件如何更新,子组件不管理状态,只需要继承statelessWidget,接收来自父组件的参数和来自父组件的回调函数
  - 这种方法类似于vue中,组件在页面中的使用方式,这样页面中的其他组件也能够取得此组件的状态
- 一般组件的状态可以通过混合管理完成,将可能需要被其他组件使用的状态交给父组件管理,自身管理显示效果等的参数,当然如果希望组件能够重载不同的显示效果,也可以定义自定义参数供父组件定义
- 使用全局状态管理,将状态交给全局能够调用的接口,实现不同页面需要的同一状态管理,一般使用全局事件总线的方法,或者使用Provider等有全局状态管理的包完成,

12a2024/10/3大约 4 分钟

04.基础组件

4.1 StatelessWidget

StatelessWidget用于创建不需要维护状态的内容
继承StatelessWidget构建不需要维护状态的组件只需要重写build

import 'package:flutter/material.dart';

class BasicText extends StatelessWidget {
  const BasicText({super.key, required this.text,});
  final String text;

  @override
  Widget build(BuildContext context) {
    return Text(text);
  }
}

12a2024/10/3大约 4 分钟

05.骨架类组件

5.1 Scaffold

Scaffold是一个路由页的骨架,我们使用它可以很容易地拼装出一个完整的页面,它包含:
- 一个导航栏AppBar
- 一个抽屉菜单Drawer
- 一个底部导航BottomAppBar,BottomNavigationBar
- 右下角有一个悬浮的动作按钮FloatingActionButton
AppBar是一个Material风格的导航栏,通过它可以设置导航栏标题、导航栏菜单、导航栏底部的Tab标题等

12a2024/10/3大约 16 分钟

06.内容类组件

12a2024/10/3小于 1 分钟

07.手势交互类组件

7.1 可滚动组件

7.1.1 按需加载布局

通常可滚动组件的子组件可能会非常多、占用的总高度也会非常大；如果要一次性将子组件全部构建出将会非常昂贵
为此，Flutter中提出一个Sliver(中文为“薄片”的意思)概念，Sliver可以包含一个或多个子组件
- 主要作用是配合：加载子组件并确定每一个子组件的布局和绘制信息，如果Sliver可以包含多个子组件时，通常会实现按需加载模型