当列表视图滚动时,SliverAppBar不会崩溃

时间:2019-04-01 17:17:14

标签: dart flutter

我正在制作一个应用程序,其中所有页面都有一个滚动时会折叠的应用程序栏。它在大多数页面上都能正常工作,但是在具有列表视图的页面上,除非您在其上滚动 ,否则应用栏不会折叠。如果您滚动页面上的其他任何地方,则无法使用。

相关代码如下:

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是到达相关页面正文的路径

0 个答案:

没有答案