主要是介绍一些实践的时候需要实现的一些东西，因为是个人札记，所以没有顺序和系统的讲解，后面会不断更新，并整理成文章，会介绍一些常用界面的实现方法。

入门

一、Widget
Flutter的核心组件，本身是无状态的，如果需要状态，需要构建StatefulWidget。
二、platform_channel
platform_channel 是Flutter与原生应用关联的通道
//TODO

---

代码段

一、下拉菜单
//TODO
二、渐变

Container(
  margin: EdgeInsets.fromLTRB(MediaQuery.of(context).size.width*0.1, 0, MediaQuery.of(context).size.width*0.1, 0),
  width: MediaQuery.of(context).size.width*0.8,
  height:30,
  decoration: BoxDecoration(
    gradient: LinearGradient(
    begin: Alignment(-1.0, 0.0),
    end: Alignment(0.0, 1.0),
    colors: <Color>[
      Color(0xFF09C7F7),
      Color(0xFF0066FF),
    ]),
  ),
)

关键点
1.<Color>是渐变色的数组，可以加入多个值

2. BoxDecoration的属性
   gradient:渐变
   shape：阴影
   borderRadius：边框弧度
   boxShadow：边框阴影
   其他知识点：

• Container：Flutter中基本容器组件之一。
• 颜色值：Flutter中的颜色主要有两种使用方法

  Colors.red //枚举法
  Color(0xFF09C7F7) //颜色码（注意不带s）
  //解析 0x-代表16进制   FF-代表透明度  09C7F7-代表RGB颜色码
  

三：图标
https://www.jianshu.com/p/1c19d8685f6d

四、图表chart
五、沉浸式状态栏
设置一个Scaffold的背景，会铺满全屏，然后body下面放置容器

return Scaffold(
      backgroundColor: Color(0xFF4557F3),
      body: 
)

六、底部分享浮层

showModalBottomSheet<int>(
  context: context,
    builder: (BuildContext context) {
      return Stack(
        children: <Widget>[
          Container(
            height: 30.0,
            width: double.infinity,
            color: Colors.black54,
            child:Text("分享")
        )]);
    },
 );

七、Button类控件的高度:需要设置子控件的宽高度

FlatButton(
    child: Container(
        width:100,
        child:Text("button")
    )
)

八、相机
单开一篇详细讲解

//TODO ：Alignment、decoration、MediaQuery