05 2022 档案
摘要:表单 -- Switch Switch value:开关的值,一般与状态字段绑定 onChanged:开关状态变更时调用 activeColor:开关开启时的圆圈颜色 activeTrackColor:开关开启时的轨道颜色 inactiveThumbColor:开关关闭时的圆圈颜色 inactive
阅读全文
摘要:Drawer 导航 Scaffold drawer(左侧抽屉菜单) endDrawer(右侧抽屉菜单) UserAccountsDrawerHeader 抽屉菜单头部组件 AboutListTile 关于弹窗 import 'package:flutter/material.dart'; class
阅读全文
摘要:路由简介 Route 一个路由是一个屏幕或页面的抽象 Navigator 管理路由的组件,Navigator 可以通过路由入栈和出栈来实现页面之间的跳转 常用属性: initialRoute:初始路由,即默认页面 onGenerateRoute:动态路由(根据规则,匹配动态路由) onUnknown
阅读全文
摘要:StatefulWidget Flutter 中的组件,按状态划分: StatelessWidget(无状态组件) StatefulWidget(状态组件) 状态组件是包含可变状态的组件,状态的特点: (1)、当组件构建完成后,可同步读取 (2)、可以在组件的生命周期中改变 按状态作用域划分 组件内
阅读全文
摘要:1、Cupertino Cupertino -- iOS风格的组件 引用:import 'package:flutter/cupertino.dart'; 文档:https://flutter.cn/docs/development/ui/widgets/cupertino Material --
阅读全文
摘要:默认情况下,布局组件内的子组件内容超出容器宽度时会出现一个溢出警告 import 'package:flutter/material.dart'; class Home extends StatelessWidget { const Home({Key? key}) : super(key: key
阅读全文
摘要:Image.asset() 加载本地图片 使用步骤: (1)、Flutter 项目下,创建图片存储目录 (2)、在 pubspec.yaml 中的 flutter 部分添加图片配置 (3)、在代码中加载图片 import 'package:flutter/material.dart'; class
阅读全文
摘要:TextButton(文本按钮) 用法: (1)、TextButton() 创建普通的文本按钮 (2)、TextButton.icon() 创建一个带图标的文本按钮 属性: child:Widget,必填,按钮内容 onPressed:void Function(),必填,点击事件 style: B
阅读全文
摘要:布局 -- Container Container widget 可以用来创建一个可见的矩形元素 许多布局都可以随意的用 Container,它可以将使用了 padding 或者增加了 borders/margins 的 widget 分开。可以通过将整个布局放到一个 Container 中,并且改
阅读全文
摘要:常用 Icon Flutter 集成了 MaterialApp的图标库 用法:Icon(Icons.具体名称) import 'package:flutter/material.dart'; class Home extends StatelessWidget { const Home({Key?
阅读全文
摘要:Text widget Text 组件可以用来在应用内创建带样式的文本,只能有一个 style 属性 style(文本样式)-- TextStyle 类型 (1)、backgroundColor(文本的背景颜色)-- Color 或 Colors 类型 (2)、color(文本颜色)-- Color
阅读全文
摘要:在 Flutter 中,几乎所有的东西都是 widget,例如:布局模型、图像、图标、文本、排列、限制、对齐、行、列、网格等 Flutter 布局的核心机制就是 widgets,可以通过组合 widgets 来构建更复杂的 widgets 来创建布局 runApp() 函数会持有传入的 Widget
阅读全文