Flutter 在底部导航栏的顶部添加分隔符?
有没有办法在Flutter 在底部导航栏的顶部添加分隔符?,flutter,user-interface,dart,Flutter,User Interface,Dart,有没有办法在BottomNavigationBar()的顶部添加这样的分隔符?我为AppBar()获得了它,如下所示: appBar: AppBar( elevation: 0, title: Text( _views[_index]['title'], ), bottom: PreferredSize( preferredSize: Size.fromHeight(10),
BottomNavigationBar()
的顶部添加这样的分隔符?我为AppBar()
获得了它,如下所示:
appBar: AppBar(
elevation: 0,
title: Text(
_views[_index]['title'],
),
bottom: PreferredSize(
preferredSize: Size.fromHeight(10),
child: Divider(
thickness: 2,
height: 0,
),
),
),
但是我想知道是否有一种方法可以对BottomNavigationBar()
执行同样的操作
最后应该是这样的:
AppBar
具有前导属性
使用PreferredSize
小部件中的彩色容器作为AppBar
小部件的顶部
AppBar(
title: Text("Title"),
leading: PreferredSize(
child: Container(color: colors.Black, height: 5.0),
preferredSize: Size.fromHeight(5.0),
),
),
我就是这样解决的:
body: Column(
children: [
_views[_index]['view'],
Spacer(),
Divider(
thickness: 2,
),
],
),
我刚刚在Scaffold()
的实际内容下的body
属性中添加了一个Divider()
,并用Spacer()
将其向下推,您可以在Scaffold body内容的开头使用Divider()
小部件。是的,我在应用程序栏中这样解决了它,但如何在底部导航栏中执行相同操作?@devAcronym使用leading属性