,1.TextField:https://blog.csdn.net/yuzhiqiang_1993/article/details/88204031
2.Text:https://blog.csdn.net/chenlove1/article/details/84574651
3.自定义Icon:https://segmentfault.com/a/1190000017978633?utm_source=tag-newest
一,标准 widgets
Container:用在Text,TextField,Icon,Image,Row,Column等外层
添加 padding, margins, borders, background color, 或将其他装饰添加到widget.
将 widgets 排列为可滚动的网格.
将widget排列为可滚动列表
使用Stack来组织需要重叠的widget。widget可以完全或部分重叠底部widget。
Stack summary:
用于与另一个widget重叠的widget
子列表中的第一个widget是base widget; 随后的子widget被覆盖在基础widget的顶部
Stack的内容不能滚动
您可以选择剪切超过渲染框的子项
二,Material Components
将相关内容放到带圆角和投影的盒子中。
将最多3行文字,以及可选的行前和和行尾的图标排成一行
new ListTile(
title:new Text('CineArts at the Empire',
style:new TextStyle(fontWeight: FontWeight.w500, fontSize:20.0)),
subtitle:new Text('85 W Portal Ave'),
leading:new Icon(
Icons.theaters,
color: Colors.blue[500],//我们可以利用这个动态更改 系统提供的icon的颜色,太爽了
),
),
Container
许多布局会自由使用容器来使用padding分隔widget,或者添加边框(border)或边距(margin)。您可以通过将整个布局放入容器并更改其背景颜色或图片来更改设备的背景。
Container 概要 :
添加padding, margins, borders
改变背景颜色或图片
包含单个子widget,但该子widget可以是Row,Column,甚至是widget树的根
虽然Container很强大,可以定义margin和align,但是Flutter也有自己的Align,Padding和Center对象 而且都有个child属性就是为了给某些widget设置Align和Padding,功能比较针对性,虽然Container都能实现,但是复杂些,所以如果我们只是单一的需要Padding或者Align就可以用他们。