flutter - 如何使用CustomScrollView调用ListView并显示所有元素？

Question

我有一个由分隔符分隔的ListView，其调用如下所示。
我已经调用了所有元素，但是最后一个图块在屏幕上被切掉了。我尝试在列表周围添加SliverPadding，但它无济于事，甚至无法裁剪列表。
这是我的ListView的代码:

  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(top: 80.0),
            child: CustomScrollView(slivers: <Widget>[
              SliverToBoxAdapter(
                child: Padding(
                  padding: EdgeInsets.only(
                      top: MediaQuery.of(context).size.height * 0.09,
                      bottom: MediaQuery.of(context).size.height * 0.015,
                      left: 18.0),
                  child: Text("Puppies",
                      style: khomeStyle.copyWith(color: kOrange, fontSize: 27)),
                ),
              ),
              SliverFillRemaining(
                child: ListView.separated(
                    itemCount: 10,
                    //shrinkWrap: true,
                    physics: NeverScrollableScrollPhysics(),
                    //padding: EdgeInsets.all(0),
                    separatorBuilder: (BuildContext context, int index) {
                      return Divider();
                    },
                    itemBuilder: (BuildContext context, int index) {
                      return ListTile(
                          isThreeLine: false,
                          leading: ClipRRect(
                            borderRadius: BorderRadius.circular(12.0),
                            child: Container(
                              child: Image.network(
                                  'https://www.thesprucepets.com/thmb/LhWrTxh5MaOb_6IY-fgLxH75SI8=/2121x1193/smart/filters:no_upscale()/golden-retriever-puppy-in-grass-923135452-5c19243546e0fb000190737c.jpg'),
                            ),
                          ),
                          title: Row(
                            children: <Widget>[
                              Text(
                                "Helllo",
                                style: khomeStyle.copyWith(
                                    fontSize: 17,
                                    color: kOrange,
                                    fontWeight: FontWeight.w600),
                              ),
                            ],
                          ),
                          subtitle: Text(
                            'This is a message',
                            style: khomeStyle.copyWith(
                                fontSize: 15,
                                color: Colors.black.withOpacity(0.7),
                                fontWeight: FontWeight.w300),
                          ));
                    }),
              ),
            ]),
          ),
        ],
      ),
    );
  }

这是ListView的样子:
/image/vyL2x.png

Answer 1

如果您不寻找Sliver，请尝试以下代码。这将滚动到最后一项，并且不会裁剪任何内容。

Widget build(BuildContext context) {
  return Scaffold(
    body: Padding(
      padding: const EdgeInsets.only(top: 80.0),
      child: SingleChildScrollView(
        child: ListView.separated(
            itemCount: 10,
            shrinkWrap: true,
            physics: NeverScrollableScrollPhysics(),
            separatorBuilder: (BuildContext context, int index) {
              return Divider();
            },
            itemBuilder: (BuildContext context, int index) {
              return ListTile(
                  isThreeLine: false,
                  leading: ClipRRect(
                    borderRadius: BorderRadius.circular(12.0),
                    child: Container(
                      child: Image.network(
                          'https://www.thesprucepets.com/thmb/LhWrTxh5MaOb_6IY-fgLxH75SI8=/2121x1193/smart/filters:no_upscale()/golden-retriever-puppy-in-grass-923135452-5c19243546e0fb000190737c.jpg'),
                    ),
                  ),
                  title: Row(
                    children: <Widget>[
                      Text(
                        "Helllo",
                        style: khomeStyle.copyWith(
                            fontSize: 17,
                            color: kOrange,
                            fontWeight: FontWeight.w600),
                      ),
                    ],
                  ),
                  subtitle: Text(
                    'This is a message',
                    style: khomeStyle.copyWith(
                        fontSize: 15,
                        color: Colors.black.withOpacity(0.7),
                        fontWeight: FontWeight.w300),
                  ));
            }),
      ),
    ),
  );
}