我正在制作一个应用程序,其中所有页面都有一个滚动时会折叠的应用程序栏。它在大多数页面上都能正常工作,但是在具有列表视图的页面上,除非您在其上滚动 ,否则应用栏不会折叠。如果您滚动页面上的其他任何地方,则无法使用。
相关代码如下:
child: FlatButton(
onPressed: () {
Navigator.push(
context,
CustomRoute(
widget: NestedScrollView( //Gemensam appbar för alla sidor
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
return <Widget>[
SliverAppBar(
iconTheme: IconThemeData(color: Colors.black),
backgroundColor: Colors.white,
expandedHeight: 155.0,
floating: false,
pinned: true,
forceElevated: innerBoxIsScrolled,
flexibleSpace: FlexibleSpaceBar(
centerTitle: true,
title: Text(
text,
style: TextStyle(
color: Colors.black,
fontSize: 20,
),
),
background: Hero(
tag: text,
child: Image.asset(
//Se till att sökvägen till bild alltid är gemener
'assets/$text.png'.toLowerCase(),
fit: BoxFit.cover,
),
)),
),
];
},
body: route), //Visa innehållet för rätt sida
),
);
},
child: Text(
text,
style: TextStyle(fontSize: 30),
),
),
其中文本是页面标题,而route是到达相关页面正文的路径