基础控件

Text 文字

不比文字大的按钮

曾经，我要写一个按钮，要求这个按钮的宽度和text的宽度保持一致，没有在button上找到比较好的办法，最后通过text的方式解决了该问题。

GestureDetector(
    child: Text("111"),
    onTap: () {
        //所要进行的操作
    },
)

这样就解决了显示了text的内容，也能够响应点击方法

所出现的问题的解决方案

• Text下边有双行黄线
  需要在textstyle中设置 decoration: TextDecoration.none

Icon 图标

Image 图像

Button 按钮

---

单一子控件

Container

SingleChildScrollView

FittedBox

FractionallySizedBox

Baseline

IntrinsicWidth 和 IntrinsicHeght

---

多子控件

Column

所出现的问题的解决方案

• Column 没有跟随里面的控件显示高度，而是显示了全屏

mainAxisSize: MainAxisSize.min

AppBar 导航栏

Row 和 Column 一行有多列，或一列有多行

ListView 列表

GridView

CustomScrollView

Flex

Wrap

---

其它修饰等

BoxDecoration 修饰其它组件

decoration:BoxDecoration()

• 圆角

borderRadius: BorderRadius.all(Radius.circular(20.0))

• 阴影

boxShadow: [BoxShadow(color:Colors.red,
                     offset: Offset(0,5),
                 blurRadius: 12,
               spreadRadius: 0)],

• 边框

border: Border.all(color:Colors.red,
                  width:1, 
                  style: BorderStyle.solid),

• 颜色