• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter组件之NavigationToolbar

Flutter cps12345 4周前 (05-17) 44次浏览

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

NavigationToolbar(
  leading: IconButton(
    icon: Icon(Icons.add),
  ),
  middle: IconButton(
    icon: Icon(Icons.clear),
  ),
  trailing: IconButton(
    icon: Icon(Icons.home),
  ),
)

效果如下:

Flutter组件之NavigationToolbar

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

NavigationToolbar(
  centerMiddle: false,
  leading: IconButton(
    icon: Icon(Icons.add),
  ),
  middle: IconButton(
    icon: Icon(Icons.clear),
  ),
  trailing: IconButton(
    icon: Icon(Icons.home),
  ),
)

效果如下:

Flutter组件之NavigationToolbar

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

NavigationToolbar(
  centerMiddle: false,
  middleSpacing: 30,
  leading: IconButton(
    icon: Icon(Icons.add),
  ),
  middle: IconButton(
    icon: Icon(Icons.clear),
  ),
  trailing: IconButton(
    icon: Icon(Icons.home),
  ),
)
喜欢 (0)