@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
child: CustomScrollView(
slivers: <Widget>[
CupertinoSliverNavigationBar(
largeTitle: Container(height:0.0),
trailing:
IconButton(
icon: Icon(
IconData(0xe900, fontFamily: 'message6'),
color: Colors.black,
size: 25.0,
),
onPressed: () {
// Navigator.pushNamed(context, '/chat');
},
),
middle: Text('Search',style: TextStyle(fontSize: 15.5,
),)
),
],
),
);
}
}
我试图摆脱代码片段中CupertinoSliverNavigationBar中的可折叠空间。我不希望largeTitle属性存在,但不幸的是CupertinoSliverNavigationBar需要它。因此,我通过放置一个高度为0.0的空容器窗口小部件来解决这个问题,就像在条形码应用程序栏中将可扩展高度设置为0.0一样,Android设计使其具有不可扩展的高度。但是,对于CupertinoSliverNavigationBar,它不起作用,因为它留下了一个空的可扩展空间。我正在努力实现一个纤薄的Cupertino风格的导航栏。我不能使用CupertinoNavigationBar,因为我使用CustomScrollView小部件,因为滚动内容和颤动需要CupertinoSliverNavigationBar在这种用例中。
有没有人知道围绕这种约束的工作?我想要一个纤细的酒吧/不可折叠的身体可滚动的内容。
你可以使用-SliverPersistentHeader
来使用 - CupertinoNavigationBar
child: CustomScrollView(
slivers: <Widget>[
SliverPersistentHeader(
delegate: MyNav(),
pinned: true,
floating: false,
),
class MyNav extends SliverPersistentHeaderDelegate {
@override
Widget build(
BuildContext context, double shrinkOffset, bool overlapsContent) {
// TODO: implement build
return CupertinoNavigationBar(
middle: Text(
'Search',
style: TextStyle(
fontSize: 15.5,
),
),
trailing: Material(
child: IconButton(
icon: Icon(
IconData(0xe900, fontFamily: 'message6'),
color: Colors.black,
size: 25.0,
),
onPressed: () {
// Navigator.pushNamed(context, '/chat');
},
),
),
);
}
@override
// TODO: implement maxExtent
double get maxExtent => 60.0;
@override
// TODO: implement minExtent
double get minExtent => 60.0;
@override
bool shouldRebuild(SliverPersistentHeaderDelegate oldDelegate) {
// TODO: implement shouldRebuild
return false;
}
}
其他选项是使用 - SliverToBoxAdapter
小部件。这样,CupertinoNavigationBar
没有固定在顶部。
child: CustomScrollView(
slivers: <Widget>[
SliverToBoxAdapter(
child: CupertinoNavigationBar(
middle: Text(
'Search',
style: TextStyle(
fontSize: 15.5,
),
),
trailing: Material(
child: IconButton(
icon: Icon(
IconData(0xe900, fontFamily: 'message6'),
color: Colors.black,
size: 25.0,
),
onPressed: () {
// Navigator.pushNamed(context, '/chat');
},
),
),
),
),