zoukankan      html  css  js  c++  java
  • Flutter-AppBar

    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的透明度

     

  • 相关阅读:
    学习网站
    HTML 5 Canvas 参考手册
    -webkit-overflow-scrolling:touch
    css中引入新的字体文件
    js转义html中的字符
    js 去掉html标签及 
    ajax解决IE跨域设置
    百度地图的简单使用
    jquery 阻止默认事件(传播和冒泡)
    IOS学习之路十九(JSON与Arrays 或者 Dictionaries相互转换)
  • 原文地址:https://www.cnblogs.com/ssjf/p/11776222.html
Copyright © 2011-2022 走看看