import 'package:flutter/material.dart'; class LearnExpansionPanelList extends StatefulWidget{ @override State<StatefulWidget> createState() { return new _LearnExpansionPanelList(); } } class _LearnExpansionPanelList extends State<LearnExpansionPa…

ListView即滚动列表控件,能将子控件组成可滚动的列表.当你需要排列的子控件超出容器大小,就需要用到滚动块. import 'package:flutter/material.dart'; class ListDemo extends StatelessWidget{ @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text("滚动布局&quo…

AppBar 和 SliverAppBar 是纸墨设计中的 App Bar,也就是 Android 中的 Toolbar,关于 Toolbar 的设计指南请参考纸墨设计中 Toolbar 的内容. AppBar 和 SliverAppBar 都是继承至 StatefulWidget 类,都代表 Toobar,二则的区别在于 AppBar 位置的固定的应用最上面的:而 SliverAppBar 是可以跟随内容滚动的.他们的主要属性如下: leading:在标题前面显示的一个控件,在首页通常显示应用…

一个 App 通常会有多个界面,每个界面实现不同的功能,并在多个界面之间跳转.在 Flutter 中多个界面的跳转是通过 Navigator 来实现的. 在 Flutter 中定义了一个 Overlay Widget 用来管理多个界面,Overlay 里面使用 Stack 来显示当前的界面.通常不直接和 Overlay 打交道,而是使用 WidgetsApp 或者 MaterialApp 中的 Navigator 来管理界面. 比如在示例项目中https://github.com/goodev/…

import 'package:flutter/material.dart'; class LearnCheckBox extends StatefulWidget{ @override State<StatefulWidget> createState() { return new _LearnCheckBox(); } } class _LearnCheckBox extends State<LearnCheckBox>{ bool isCheck=false; List<…

import 'package:flutter/material.dart'; class LearnRadioButton extends StatefulWidget{ @override State<StatefulWidget> createState() { return new _LearnRadioButton(); } } class _LearnRadioButton extends State<LearnRadioButton>{ ; @override Wid…

文本控件 Text 支持两种类型的文本展示,一个是默认的展示单一样式文本 Text,另一个是支持多种混合样式的富文本 Text.rich. 单一样式文本 Text 单一样式文本 Text 的初始化,是要传入需要展示的字符串.而这个字符串的具体展示效果,受构造函数中的其他参数控制.这些参数大致可以分为两类: 控制整体文本布局的参数,如文本对齐方式 textAlign.文本排版方向 textDirection,文本显示最大行数 maxLines.文本截断规则 overflow 等等,这些都是构造函数…

本文对Flutter的29种布局控件进行了总结分类,讲解一些布局上的优化策略,以及面对具体的布局时,如何去选择控件. 1. 系列文章 Flutter 布局详解 Flutter 布局(一)- Container详解 Flutter 布局(二)- Padding.Align.Center详解 Flutter 布局(三)- FittedBox.AspectRatio.ConstrainedBox详解 Flutter 布局(四)- Baseline.FractionallySizedBox.Intrin…

Flutter学习指南:UI布局和控件 - IT程序猿  https://www.itcodemonkey.com/article/11041.html…

Draggable Widget Draggable控件负责就是拖拽,父层使用了Draggable,它的子元素就是可以拖动的,子元素可以实容器,可以是图片.用起来非常的灵活. 参数说明: data: 是要传递的参数,在DragTarget里,会接受到这个参数.当然要在拖拽控件推拽到DragTarget的时候. child:在这里放置你要推拽的元素,可以是容器,也可以是图片和文字. feedback: 常用于设置推拽元素时的样子,在案例中当推拽的时候,我们把它的颜色透明度变成了50%.当然你还可以…