码迷,mamicode.com
首页 > 移动开发 > 详细

Flutter-AppBar

时间:2019-11-01 12:41:46      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:idg   深度   属性   raw   back   tomat   显示   app   lse   

1.1 简介

AppBar “应用栏”

  • 应用栏由工具栏组成,或者是工具栏和其他 widget 组合形成,例如 TabBar和FlexibleSpaceBar;
  • 应用栏通常用于 Scaffold.appBar 属性,该属性将应用栏放置在屏幕顶部的固定高度小部件中;
  • 对于可滚动的应用栏,请参阅SliverAppBar,它将AppBar嵌入 sliver 中以便在CustomScrollView中使用; 

1.2 基本用法

AppBar 主要属性:

  • leading
    如果省略了 leading ,但 AppBar 在带有 Drawer 的 Scaffold 中,则会插入一个 button 以打开 Drawer。如果没有Drawer , 默认的是个返回箭头,可以通过设置来关闭automaticallyImplyLeading 为false ,
  • automaticallyImplyLeading = true:
    如果有 leading 这个不会管用 ; 如果没有leading ,当有侧边栏的时候, false:不会显示默认的图片,true 会显示 默认图片,并响应打开侧边栏的事件
  • title: 标题
  • actions,右边的icon, 一般的是icon 或者是文字
  • flexibleSpace, 在title上面的一个东西,一般无用
  • bottom, 一般就是tabbar , 也可以是别的
  • elevation, Z轴高度,也就是阴影 默认是1 默认就是有高度 阴影的
  • backgroundColor,导航栏的颜色 默认是 ThemeData 的颜色
  • brightness,状态栏的深度 有白色和黑色两种主题
  • iconTheme,
  • centerTitle, title是否居中
  • titleSpacing flexibleSpace 和 title 的距离 默认是重合的
  • NavigationToolbar.kMiddleSpacing,
  • toolbarOpacity = 1.0 导航栏的透明度
  • bottomOpacity = 1.0 bottom的透明度

 

 

Flutter-AppBar

标签:idg   深度   属性   raw   back   tomat   显示   app   lse   

原文地址:https://www.cnblogs.com/ssjf/p/11776222.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!