Как мне интегрировать SliverGrid в TabBarView?

Question

Я пытаюсь использовать CustomScrollView и TabBar, но я не уверен, почему моя реализация не работает.

Я обернул TabBar в SliverToBoxAdapter и все еще не повезло. Ранее я пробовал GridView, но это давало нежелательное поведение.

Widget build(BuildContext context) {
    return Scaffold(
        body: CustomScrollView(
      slivers: <Widget>[
        SliverToBoxAdapter(
          child: CarouselSlider(
            items: imgList.map((i) {
              return Builder(
                builder: (BuildContext context) {
                  return Container(
                    child: ClipRRect(
                      borderRadius: BorderRadius.all(Radius.circular(30.0)),
                      child: Image.network(
                        i,
                        fit: BoxFit.cover,
                        width: 1000.0,
                      ),
                    ),
                  );
                },
              );
            }).toList(),
            viewportFraction: 1.0,
            height: 300.0,
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            margin: EdgeInsets.all(10.0),
            child: Padding(
              padding: EdgeInsets.only(top: 10.0),
              child: Container(
                margin: EdgeInsets.only(left: 15.0, bottom: 15.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: <Widget>[
                    Container(
                      child: CircleAvatar(
                        backgroundImage: AssetImage(
                            'assets/images/cut1.png'), // put image here
                        radius: 50,
                      ),
                    ),
                    Expanded(
                        child: Column(
                      children: <Widget>[
                        Text('Frank Palma',
                            style: TextStyle(
                              fontSize: 25,
                              fontWeight: FontWeight.bold,
                            )),
                        IconTheme(
                          data: IconThemeData(
                            color: Colors.amber,
                            size: 25,
                          ),
                          child: StarDisplay(value: 4),
                        ),
                        Text(
                          '546 Cuts',
                        ),
                      ],
                    ))
                  ],
                ),
              ),
            ),
          ),
        ),
        SliverToBoxAdapter(
            child: TabBar(
              controller: _tabcontroller,
              unselectedLabelColor: Colors.blue,
              indicator: BubbleTabIndicator(
                  indicatorHeight: 25.0,
                  indicatorColor: Colors.blue,
                  tabBarIndicatorSize: TabBarIndicatorSize.tab),
              tabs: <Widget>[
                Tab(icon: Icon(Icons.location_on)),
                Tab(icon: Icon(Icons.calendar_view_day)),
                Tab(icon: Icon(Icons.picture_in_picture))
              ],
            ),
        ),
        SliverToBoxAdapter(
          child: TabBarView(
            controller: _tabcontroller,
            children: [
              Center(
                  child: Card(
                    elevation: 15.0,
                    margin: EdgeInsets.all(10.0),
                    child: Container(
                      width: MediaQuery.of(context).size.width,
                      height: 200.0,
                      child: GoogleMap(
                          onMapCreated: _onMapCreated,
                          initialCameraPosition: CameraPosition(
                            target: _center,
                            zoom: 11.0,
                          )),
                    ),
                  ),
                ),
                Calendar(
                      isExpandable: true,
                      onSelectedRangeChange: (range) =>
                          print("Range is ${range.item1}, ${range.item2}"),
                      onDateSelected: (date) => print(date)),    
              SliverGrid(
                delegate: SliverChildBuilderDelegate((context, index) {
                  return Container(
                    child: FadeInImage.memoryNetwork(
                      placeholder: kTransparentImage,
                      image: 'https://picsum.photos/${300}/${300}/',
                    ),
                  );
                }, childCount: 10),
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount: 3),
              ),
            ],
          ),
        )
      ],
    ));
  }

Это мои ошибки:

трепетание: было выброшено еще одно исключение: горизонтальный видовой экран получил неограниченную высоту. flutter: было сгенерировано еще одно исключение: RenderBox не было выложено: RenderViewport#fee96 NEEDS-LAYOUT NEEDS-PAINT flutter: было сгенерировано другое исключение: RenderBox не выложен: RenderViewport#fee96 NEEDS-PAINT трепетание: было сгенерировано другое исключение: RenderBox was не выложено: RenderIgnorePointer#ab99e relayoutBoundary=up7 Трепетание NEEDS-PAINT: было сгенерировано еще одно исключение: RenderBox не было выложено: RenderSemanticsAnnotations#4a391 Реле outBoundary=up6 трепетание NEEDS-PAINT: Было сгенерировано еще одно исключение: RenderBox не выложен c322e relayoutBoundary=up5 NEEDS-PAINT трепетание: было сгенерировано еще одно исключение: RenderBox не выложен: RenderSemanticsGestureHandler#4f759 relayoutBoundary=up4 NEEDS-PAINT трепетало: было сгенерировано еще одно исключение: RenderBox не был выложен: RenderPointerFateBerneBaseBaseBlayer3Blayer3Slayer3Sense_Relayer3Sense_Relayer3BaseredSense_Reader_SignEBense2 Трепет PAINT: было сгенерировано еще одно исключение: RenderBox не выложен: _RenderScrollSemantics#c84ee relayoutBoundary=up2 Трепет NEEDS-PAINT: Было сгенерировано другое исключение: NoSuchMethodError: Метод 'debugAssertIsValid' был вызван с нулевым значением. ⣽flutter: было сгенерировано другое исключение: NoSuchMethodError: Получатель 'visible' был вызван для null.

Answer 1

При вложении двух прокручиваемых виджетов мне нужно ограничить прокручиваемость внутреннего виджета. Когда я сталкиваюсь с этой проблемой, решение состоит в том, чтобы добавить код во внутренний виджет:

ShrinkWrap: true, // Solve the problem of infinite height

Physics: NeverScrollable ScrollPhysics (), // Disable Sliding Events

Надеюсь помочь вам