上一篇说了row和Column，但不带滚动。
这次我们说下带滚动效果的ListView

上一篇说了Container，流水的讲了Row和Column。这里来进一步的说下.
做过web的估计很好理解这个，因为这个和Web中Flex布局很像，但坑的是不带滚动属性，不像ScrollView。如果超出了一行，在debug下面则会显示溢出的提示。

这个顶部有三个控件，红黄蓝，通过设置flex来设置了占比。

 class MyAppBar extends StatelessWidget {
  MyAppBar({this.title});

  final Widget title;

  @override
  Widget build(BuildContext context) {
    return Container(
        height: 56.0, // in logical pixels

        decoration: BoxDecoration(color: Colors.blue[500]),
        // Row is a horizontal, linear layout.
        child: Row(
          children: <Widget>[
            Expanded(
              child: Container(
                color: Colors.red,
                padding: EdgeInsets.all(5.0),
              ),
              flex: 1,
            ),
            Expanded(
              child: Container(
                color: Colors.yellow,
                padding: EdgeInsets.all(5.0),
              ),
              flex: 2,
            ),
            Expanded(
              child: Container(
                color: Colors.blue,
                padding: EdgeInsets.all(5.0),
              ),
              flex: 1,
            ),
          ],
        )
    );
  }
}

这一篇基于官方的案例，说下基础控件TexT，IconButton，Column，Row.着重Container的使用

先上下效果图

顶部蓝色三个元素，一个汉堡图，一个title，一个右边的搜索图。
然后下面是一个简单的text。

现在先简单的说下flutter对应的一些基本控件，界面绘制内容逻辑.

配合说明状态管理这个事情，Flutter分了有状态和无状态组件，做过React+Redux套装开发的应该看下面代码很熟悉

• widget本身
• 父widget
• 另一个对象

想说下这个官方的简单demo，添加多个箱子，点击箱子，切换不同的显示效果

没选中显示灰色背景