Как я могу удалить внутреннюю прокрутку из GridView?

Question

Я пытаюсь получить ListView с одной прокруткой. Я хочу иметь возможность прокручивать вниз и видеть каждый виджет. В настоящее время у меня есть несколько виджетов до GridView. Проблема в том, что у GridView есть своя прокрутка. Хороший пример того, что я хочу, похож на страницу профиля Instagram. Когда вы прокручиваете страницу профиля Instagram, каждый элемент прокручивается вниз. Нет вложенных свитков.

Это мой текущий код:

body: ListView(
children: <Widget>[
  ...
  ...
Container(
  child: GridView.count(
           crossAxisCount: 3,
           shrinkWrap: true,
           children: List.generate(100, (index) {
                  return Container(
                           alignment: Alignment.center,
                           margin: EdgeInsets.all(3.0),
                           height: MediaQuery.of(context).size.height,
                           child: FadeInImage.memoryNetwork(
                           placeholder: kTransparentImage,
                          image:'https://picsum.photos/${300}/${300}/',
                      ),
                    );
                  }),
                ),
              )
    ]
)

Answer 1

Есть вложенные прокручиваемые виджеты, CustomScrollView, которые позволяют Щепкам достичь того, что вы ищете.SliverGrid и SliverList - это то, что вам нужно для достижения вашей цели:

Widget sliverScroll() {
    return CustomScrollView(
      slivers: <Widget>[
        SliverGrid(
          delegate: SliverChildBuilderDelegate((context, index) {
            return Container();
          }, childCount: 9),
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3),
        ),
        SliverList(
          delegate: SliverChildBuilderDelegate((context, index) {
            return Container();
          }, childCount: 6),
        ),
      ],
    );
  }

Вы можете настроить по своему желанию, изменив порядок или количество, количество предметов и т. Д.