Как я могу добавить свечение прокрутки в список slverList вместо customScrollView?

Свечение действует так, как будто весь экран представляет собой список. Есть ли способ поместить свечение под панелью приложений? (редактировать: без потери плавающего эффекта панели приложений)

https://stackru.com/imag es/a6ec9256b08f8b853e8e8d0113e36c3b21d20213.png

CustomScrollView(
      slivers: <Widget>[
        SliverAppBar(
          title: Text('Home Scree'),
          floating: true,
          leading: Icon(Icons.alarm),
        ),
        SliverList(
          delegate: SliverChildBuilderDelegate(
            (ctx, i) {
              return Column(
                children: <Widget>[
                  ProductCard(),
                  Divider(
                    height: 0,
                    thickness: 1,
                  ),
                ],
              );
            },
            childCount: 10,
          ),
        ),
      ],
    ),

1 ответ

Может, ты попробуешь использовать NestedScrollView,нравится:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return [SliverAppBar(
            leading: Icon(Icons.alarm),
            title: Text('Home Scree'),
            expandedHeight: kToolbarHeight,
            floating: true,
          )];
        },
        body: ListView.builder(
          padding: EdgeInsets.zero,
            itemCount: 10,
            itemBuilder: (context, index) {
              return Column(
                children: <Widget>[
                  ProductCard(),
                  Divider(
                    height: 0,
                    thickness: 1,
                  ),
                ],
              );
            }),
      ),
    );
  }
Другие вопросы по тегам