首页 > 移动平台 > 详细

flutter AppBar

时间:2019-07-15 13:55:42      阅读:102      评论:0      收藏:0      [点我收藏+]

 

技术分享图片

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),
),

 

flutter AppBar

原文:https://www.cnblogs.com/shui1993/p/11186886.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!