《Flutter 控件大全》第十七个:AppBar

  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

AppBar

AppBar是material风格的应用程序栏,结构图如下:

《Flutter 控件大全》第十七个:AppBar_第1张图片

leading属性通常设置返回按钮,用法如下:

Scaffold(
  appBar: AppBar(
    leading: BackButton(),
    title: Text('老孟'),
  ),
)

效果如下:

《Flutter 控件大全》第十七个:AppBar_第2张图片

如果leading属性未设置,且Scaffold设置了Drawer则显示打开Drawer的图标,用法如下:

Scaffold(
  appBar: AppBar(
    title: Text('老孟'),
  ),
  d

你可能感兴趣的:(#,Flutter,Widgets)