使用案例123456789101112131415161718192021222324252627282930import { getStorageSync, removeStorageSync, setStorageSync } from '@tarojs/taro'import { persist } from 'zusta

基础用法123456789101112131415161718192021222324252627282930313233343536373839404142434445// 定义刷新keyfinal GlobalKey<RefreshIndicatorState> _refreshIndicatorKey = GlobalKey<RefreshIndicatorState>

WidgetsBindingObserver1234567891011121314151617/// WidgetsBindingObserver 包含了各种控件的生命周期通知class _HomePageState extends State<HomePage> with WidgetsBindingObserver { ///重写 WidgetsBindingObser

align-centent 革新 以前，居中元素需要使用各种方法，比如 Flexbox 属性、margin 甚至绝对定位。这意味着开发者需要花费大量时间进行调整和尝试，最终结果可能在某些屏幕尺寸或浏览器类型下失效。 align-content 属性的美妙之处在于它的简洁性。你无需手动将所有元素包裹在容器 div 中，也无需费力地解读复杂的 Flexbox 选项。只需要在你的元素上使用这个属性，

image_picker安装1image_picker: ^1.1.2 使用 我们获取到上传的照片后，将其转为base64编码的格式，方便后续使用 12345678910111213// source： 接收两种模式，相册和拍照final pickedImage = await ImagePicker().pickImage(source: ImageSource.gallery);if

PopScope 物理按键，返回退出应用程序 判断是否连续点击返回按键，android 对应的实体返回按钮或者虚拟返回按钮，使用需要将 PopScope 写在页面的最顶层（这点注意📢）。 123456789101112131415161718192021// 连续返回，退出应用程序 DateTime? currentBackPressTime; bool closeOnConfirm()

flutter路由之flutro 我这里使用的是fluro作为路由框架，下面是配置步骤。 依赖安装12# 版本为 2.0.5fluro: ^2.0.5 路由配置 在项目中新建 routes 文件夹，分别下面新建以下文件。 12345678// application.dartimport 'package:fluro/fluro.dart';// 创建 fluro 实例

SingleChildScrollView SingleChildScrollView类似于Android中的ScrollView，它只能接收一个子组件，定义如下： 123456789SingleChildScrollView({ this.scrollDirection = Axis.vertical, //滚动方向，默认是垂直方向 this.reverse = false,

ListView 默认构造函数 1234567891011121314151617181920ListView({ //可滚动widget公共参数 Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController? controller, bool? primary, ScrollPhy

flutter 常用布局方式基于 RenderBox 的盒模型布局 BoxConstraints 是盒模型布局过程中父渲染对象传递给子渲染对象的约束信息，包含最大宽高信息，子组件大小需要在约束的范围内，BoxConstraints 默认的构造函数如下: 123456const BoxConstraints({ this.minWidth = 0.0, //最小宽度 this.max