微信交流群

老孟公众号

NavigationToolbar是一个布局控件,控制3个子组件,用法如下:

NavigationToolbar(
  leading: IconButton(
    icon: Icon(Icons.add),
  ),
  middle: IconButton(
    icon: Icon(Icons.clear),
  ),
  trailing: IconButton(
    icon: Icon(Icons.home),
  ),
)
1
2
3
4
5
6
7
8
9
10
11

效果如下:

image-20200421202409777

centerMiddle参数表示中间控件是否居中,默认为true,设置为false,中间控件靠近第一个控件,代码如下:

NavigationToolbar(
  centerMiddle: false,
  leading: IconButton(
    icon: Icon(Icons.add),
  ),
  middle: IconButton(
    icon: Icon(Icons.clear),
  ),
  trailing: IconButton(
    icon: Icon(Icons.home),
  ),
)
1
2
3
4
5
6
7
8
9
10
11
12

效果如下:

image-20200421202626620

middleSpacing中间控件的间距,用法如下:

NavigationToolbar(
  centerMiddle: false,
  middleSpacing: 30,
  leading: IconButton(
    icon: Icon(Icons.add),
  ),
  middle: IconButton(
    icon: Icon(Icons.clear),
  ),
  trailing: IconButton(
    icon: Icon(Icons.home),
  ),
)
1
2
3
4
5
6
7
8
9
10
11
12
13