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

     

  • 相关阅读:
    可视化工具搭建SVN服务器
    VS添加lib库以及代码中相对路径的问题
    编程:休息片刻的好处
    我的C++笔记
    【转】缩小mysql数据库的ibdata1文件
    MySQL导库命令
    Java中的serialize接口与transient关键字
    蓝桥杯 算法提高 01背包
    蓝桥杯 算法提高 01背包
    蓝桥杯 算法提高 快乐司机
  • 原文地址:https://www.cnblogs.com/ssjf/p/11776222.html
Copyright © 2011-2022 走看看