Flutter从入门到实战
文章平均质量分 95
GitLqr
A Little White Developer
展开
-
Flutter - ListView与GridView
欢迎关注微信公众号:FSA全栈行动 ????一、ListViewListView(): 当 children 比较明确, 数量较少的时候可以使用, 列表 item 一次性全部加载ListView.builder(): children 数量较多的时候使用, 在 item 即将展示出来的时候才会被创建ListView.separated(): 比 ListView.builder()多了分割线功能1、ListView()通过 ListView() 默认构造器创建出来的列表, 会一次性加载全部原创 2021-05-17 08:06:08 · 988 阅读 · 0 评论 -
Flutter - 基础布局
欢迎关注微信公众号:FSA全栈行动 ????一、单子布局 Widget单子布局, 顾名思义就是只能包含一个子控件的 widget1、Align(Center)Center 可以将子控件居中显示, 默认会尽可能拉伸填满父控件:class CenterDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Icon(Icons.p原创 2021-04-28 08:17:14 · 821 阅读 · 0 评论 -
Flutter - 基础Widget
欢迎关注微信公众号:FSA全栈行动 ????一、文本 Widget1、纯文本(Text)Text 控件常见属性:textAlign: 文本对齐,默认是左对齐,可以根据实际情况修改为居中(TextAlign.center)或右对齐(TextAlign.right)maxLines: 文字最多显示多少行,通常与 overflow 搭配使用overflow: 内容溢出显示效果,可以设置显示省略号(TextOverflow.ellipsis)textScaleFactor: 缩放因子,默认是 1原创 2021-04-24 23:08:22 · 915 阅读 · 4 评论 -
Flutter - StateWidget与生命周期
欢迎关注微信公众号:FSA全栈行动 ????一、程序入口一般情况下,Flutter 的主入口是 main.dart。1、界面的本质(Widget)在 main 函数中通过 runApp 函数启动一个 Flutter 界面,而 runApp(Widget app) 函数接收的参数 Widget app 就是界面了,即界面是一个 Widget:main() { runApp(Center( child: Text("Hello world", textDirection:原创 2021-04-20 23:04:35 · 579 阅读 · 0 评论 -
Flutter - Dart事件循环机制与异步
欢迎关注微信公众号:FSA全栈行动 ????一、Dart 异步与 JavaScript 一样, Dart 是基于 事件循环机制 的 单线程模型, 所以 Dart 中没有多线程, 也就没有主线程与子线程之分.1、同步与异步同步: 同一线程中, 按照代码的编写顺序, 自上而下依次执行 (直观感受: 需要等待)异步: 代码执行中, 某段代码的执行不会影响后面代码的执行 (直观感受: 无需等待)2、单线程模型单线程模型:一条执行线上, 同时且只能执行一个任务(事件), 其他任务都必须在后面排原创 2021-04-11 21:56:42 · 732 阅读 · 0 评论 -
Flutter - Dart特性语法
温馨提示:本文只罗列 Dart 中比较重要、奇特的语法,所以不合适没有其他语言基础的人学习!!一、Dart 的基本语法1、程序入口Dart 的入口也是 main 函数,且没有返回值。传递给 main 的命令行参数,会存放在 List<String> args 中。定义字符串可以使用单引号或双引号。每行语句必须使用分号结尾。main(List<String> args) { print("Hello World");}2、声明变量明确声明:变量类型 .原创 2021-03-21 23:15:18 · 973 阅读 · 0 评论