随笔分类 - flutter
摘要:主题(UI风格、样式、皮肤) 主题风格可通过 theme 来定义,从而实现整个 App 风格的统一 一旦设置了主题,那么应用程序中的某些 Widget,就会直接使用主题的样式 组件 ThemeData - Brightness (Brightness.light | Brightness.dark)
阅读全文
摘要:国际化(internationalization 简称 i18n) 终端(手机)系统语言切换时,flutter 应用跟随切换 内容 组件(Widget)国际化 例如:日历、弹窗等常用组件的国际化 文本国际化(包括文本的顺序) 自定义文本的国际化 1、组件国际化 使用步骤: (1)、在 pubspec
阅读全文
摘要:UI 界面设计合理的动画,可以让用户觉得更加流畅、直观,可以极大提高和改善用户体验 实现原理 动画就是动起来的画面 视觉暂留:画面经视神经传入大脑后,不会立即消失(会存留一段时间) 帧(Frame):单个的画面,在学术上叫帧 每秒钟展示的帧数简称 fps (Frame per Second) 动画分
阅读全文
摘要:表单 -- 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
阅读全文
摘要:Dart中的库就是具有特定功能的模块,可能包含单个文件,也可能包含多个文件 按照库的作者进行划分,库可以分成三类 (1)、自定义库(开发人员自己写的) (2)、系统库(Dart 中自带的) (3)、第三方库(Dart 生态中的) Dart生态 https://pub.dev/ pub 命令(D:\f
阅读全文
摘要:泛型 泛型是在函数、类、接口中指定宽泛数据类型的语法 - 泛型函数 - 泛型类 - 泛型接口 通常,在尖括号中,使用一个字母来代表类型,例如:E,T,S,K,V等,格式如下: 返回类型 函数名 <输入类型>(参数类型 参数) { 函数体 } 作用:使用泛型可以减少重复的代码 泛型函数 // 泛型函数
阅读全文
摘要:Dart 类与对象 - 接口 接口在 Dart 中就是一个类(只是用法不同) 与Java不同,Java中的接口需要用 interface 关键字声明,Dart 中不需要 接口可以是任意类,但一般使用抽象类做接口 一个类可以 实现(implements)多个接口,多个接口用逗号分隔 class MyC
阅读全文
摘要:Dart 类与对象 -- 继承 根据类的先后顺序,可以将类分成父类和子类 子类通过 extends 关键字继承父类 继承后,子类可以使用父类中可见的内容(属性或方法) 子类中,可以通过 @override 元数据来标记 “覆写” 方法 “覆写”方法:子类中与父类中同名的方法 子类中,可以通过 sup
阅读全文
摘要:类是通过 class 关键字声明的代码段,包含属性和方法 属性:用来描述类的变量 方法:类中的函数称为类的方法 对象是类的实例化结果(var obj = new MyClass()) 编程方式 面向对象编程(OOP) 面向过程编程(POP) // 声明类 class Person { // 类的属性
阅读全文