附录-部分控件概述

Material 组件规范

DataTable

Widget build(BuildContext context) {
  return DataTable(
    columns: const <DataColumn>[
      DataColumn(
        label: Text(
          'Name',
          style: TextStyle(fontStyle: FontStyle.italic),
        ),
      ),
      DataColumn(
        label: Text(
          'Age',
          style: TextStyle(fontStyle: FontStyle.italic),
        ),
      ),
      DataColumn(
        label: Text(
          'Role',
          style: TextStyle(fontStyle: FontStyle.italic),
        ),
      ),
    ],
    rows: const <DataRow>[
      DataRow(
        cells: <DataCell>[
          DataCell(Text('Sarah')),
          DataCell(Text('19')),
          DataCell(Text('Student')),
        ],
      ),
      DataRow(
        cells: <DataCell>[
          DataCell(Text('Janine')),
          DataCell(Text('43')),
          DataCell(Text('Professor')),
        ],
      ),
      DataRow(
        cells: <DataCell>[
          DataCell(Text('William')),
          DataCell(Text('27')),
          DataCell(Text('Associate Professor')),
        ],
      ),
    ],
  );
}

DatePicker

TimePicker

Timeline

DropdownButton

PopupMenuButton

BackButton

CloseButton

ButtonBar

它是一个按钮容器，当在水平方向上没有足够空间时候，按钮将整体垂直排列，而不是自行换行，可用于兼容手机、平板等项目

ButtonBar(
    children: <Widget>[
        RaisedButton(),
        RaisedButton(),
        RaisedButton(),
        RaisedButton(),
        RaisedButton(),
    ],
)

/// 放不下时，自动变垂直
ButtonBar(
    children: <Widget>[
        RaisedButton(),
        RaisedButton(),
        RaisedButton(),
        RaisedButton(),
        RaisedButton(),
        RaisedButton(),
    ],
)

LinearProgressIndicator

CircularProgressIndicator

CupertinoActivityIndicator

RefreshProgressIndicator