zoukankan      html  css  js  c++  java
  • Flutter之SliverAppBar

    new SliverAppBar(
                leading: GestureDetector(
                  child: Icon(Icons.arrow_back),
                  onTap: () => Navigator.pop(context),
                ), //左侧按钮
                /**
                 * 如果没有leading,automaticallyImplyLeading为true,就会默认返回箭头
                 * 如果 没有leading 且为false,空间留给title
                 * 如果有leading,这个参数就无效了
                 */
                automaticallyImplyLeading: true,
                // title: Text('大标题'), //标题
                centerTitle: true, //标题是否居中
                actions: [Icon(Icons.archive)], //右侧的内容和点击事件啥的
                elevation: 4, //阴影的高度
                forceElevated: false, //是否显示阴影
                backgroundColor: Colors.green, //背景颜色
                brightness: Brightness.dark, //黑底白字,lignt 白底黑字
                iconTheme: IconThemeData(
                    color: Colors.red,
                    size: 30,
                    opacity: 1), //所有的icon的样式,不仅仅是左侧的,右侧的也会改变
                textTheme: TextTheme(), //字体样式
                primary: true, // appbar是否显示在屏幕的最上面,为false是显示在最上面,为true就显示在状态栏的下面
                titleSpacing: 16, //标题两边的空白区域
                expandedHeight: 200.0, //默认高度是状态栏和导航栏的高度,如果有滚动视差的话,要大于前两者的高度
                floating: false, //滑动到最上面,再滑动是否隐藏导航栏的文字和标题等的具体内容,为true是隐藏,为false是不隐藏
                pinned: true, //是否固定导航栏,为true是固定,为false是不固定,往上滑,导航栏可以隐藏
                snap:
                    false, //只跟floating相对应,如果为true,floating必须为true,也就是向下滑动一点儿,整个大背景就会动画显示全部,网上滑动整个导航栏的内容就会消失
                flexibleSpace: new FlexibleSpaceBar(
                  title: new Text("随内容一起滑动的头部"),
                  centerTitle: true,
                  collapseMode: CollapseMode.pin,
                ),
              ),
  • 相关阅读:
    centos7 使用postgres
    centos7 Authentication failure
    centos 安装 jdk PostgreSQL
    JS遍历对象或者数组
    PHP简单 对象(object) 与 数组(array) 的转换
    IDEA 配置Tomcat 跑Jeecg项目
    kettle 安装mysql 驱动
    : Could not open a connection to your authentication agent
    java_Ninja实战过程
    设备判断
  • 原文地址:https://www.cnblogs.com/ckAng/p/10661856.html
Copyright © 2011-2022 走看看