flutter AppBar

return Scaffold(appBar:AppBar(title:Text('Abc'),leading:Icon(Icons.home),elevation:4.0,//最下方阴影部分辐射范围actions:<widget>[],//如图区域iconTheme: IconThemeData(//设置图标样式
      color:,opacity:0.1,size:10.2),brightness: Brightness.light,//应用栏材质的亮度backgroundColor: Colors.blueAccent,//背景颜色titleSpacing: 0.0,// 横轴上围绕title内容的间距  0.0即占据所有有用空间primary:true,appbar是否显示在任务栏顶部,true代表不被任务栏遮盖centerTitle:true/false,//是否居中title
    flexibleSpace:Container(color:colors.red,),automaticallyImplyLeading: true, //配合leading使用，取决于automaticallyImplyLeading == true && leading ==null ，此时会自动做出一些哈事情bottom://接收一个widget
    textTheme: TextTheme(),toolbarOpacity: 1,//appBar上部分透明度bottomOpacity: 1,)
)

设置flutter AppBar的高度

Scaffold(appBar:PreferredSize(child:AppBar()),preferredSize:size.fromHeight(screenSixe.height * 0.07)
)

设置flutter bottom的高度

bottom: PreferredSize(child: Container(height: 50,width: double.infinity,color: Colors.grey,child: Text('bottom'),),preferredSize: Size(30, 100),
),

转载于:https://www.cnblogs.com/shui1993/p/11186886.html

flutter AppBar相关推荐

Flutter APPbar 自定义icon
Flutter APPbar 自定义icon appBar: AppBar(title: Text("Home"),leading: Builder(builder: (Build ...
Flutter AppBar 工具栏、导航栏
目录参数详解 AppBar TabBar 代码示例效果图完整代码 Flutter AppBar组件是应用的工具栏,是由多个组件组成.下面详细介绍appBar使用方法.TabBar使用方法.去掉头 ...
Flutter AppBar 简述
AppBar AppBar 显示在app的顶部,或者说顶端栏,对应着 Android 的 Toolbar.如下图: 一个AppBar 的基本组成 1 只有标题无其他按钮 Widget buildD ...
flutter AppBar背景渐变色
设置AppBar属性:flexibleSpace AppBar(title: const Text('XXXXX', style: Styles.pageTitle),centerTitle: tru ...
Flutter AppBar设置渐变色背景
主要是通过AppBar的属性:弹性空间flexibleSpace class GradientPage extends StatelessWidget {@overrideWidget build(B ...
flutter appbar的自动返回按钮
appbar里会自动给出返回按钮,但之前也有没有返回按钮的情况,所以还自己写了一个返回按钮 leading: new IconButton(tooltip: '返回上一页',icon: const I ...
[flutter专题]详解AppBar小部件
大家好,我是坚果,公众号"坚果前端" AppBar 应用栏是各种应用程序中最常用的组件之一.它可用于容纳搜索字段.以及在页面之间导航的按钮,或者只是页面标题.由于它是一个如此常用的 ...
Flutter 导航栏AppBar
恢弘志士之气,不宜妄自菲薄.--诸葛亮 People of noble ambition should not belittle themselves. zhugeliang 以上效果是谷歌 ...
Flutter 项目开发指导从基础入门到精通使用目录
Flutter 从入门到精通系列文章本文章为 Flutter 开发中的经验积累分享.教程分享.开发笔记分享目录,持续维护中. 题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Fl ...

flutter AppBar

flutter AppBar相关推荐

最新文章

热门文章