flutter - 可以在 TabBarView 内部使用 SliverList，反之亦然？-6ren

flutter - 可以在 TabBarView 内部使用 SliverList，反之亦然？

转载作者：行者123 更新时间：2023-12-05 01:30:26

我正在尝试在 TabBarView 中使用 SliverList 但我不断收到这些错误:

断言失败:第 5966 行第 12 行:“child == _child”:不正确。
RenderRepaintBoundary 需要一个 RenderBox 类型的子对象，但收到了一个RenderSliverFillRemainingWithScrollable 类型的子项。这是代码。

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MoboApp(),
    );
  }
}

class MoboApp extends StatefulWidget {
  @override
  _MoboAppState createState() => _MoboAppState();
}

class _MoboAppState extends State<MoboApp> with SingleTickerProviderStateMixin {
  
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 4,
      child: Scaffold(
        body: CustomScrollView(
          slivers: <Widget>[
            SliverAppBar(
              leading: Icon(
                Icons.list,
                color: Color(0xFFFBF3F3),
              ),
              actions: [
                Icon(
                  Icons.more_vert,
                  color: Color(0xFFFBF3F3),
                )
              ],
              title: Text(
                'mobo app',
                style: TextStyle(
                  color: Color(0xFFFBF3F3),
                  fontSize: 25.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
              centerTitle: true,
              pinned: true,
              floating: false,
              expandedHeight: 100.0,
              bottom: TabBar(
                unselectedLabelColor: Color(0xFFE0A1A1),
                tabs: <Widget>[
                  Tab(
                    text: 'Home',
                  ),
                  Tab(
                    text: 'Feed',
                  ),
                  Tab(
                    text: 'Profile',
                  ),
                  Tab(
                    text: 'Setting',
                  )
                ],
              ),
              backgroundColor: Color(0xFFBB1A1A),
            ),
            TabBarView(
              children: [
                // FIRST TabBarView
                SliverList(
                  delegate: SliverChildListDelegate(
                    [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Image.network(
                                'https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                fit: BoxFit.cover,
                              ),
                            ),
                          ),
                        ],
                      ),
                      SizedBox(
                        height: 10.0,
                      ),
                      Row(
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Text('text'),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),

                // SECOND TabBarView
                SliverList(
                  delegate: SliverChildListDelegate(
                    [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Image.network(
                                'https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                fit: BoxFit.cover,
                              ),
                            ),
                          ),
                        ],
                      ),
                      SizedBox(
                        height: 10.0,
                      ),
                      Row(
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Text('text'),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),

                //THIRD TabBarView
                SliverList(
                  delegate: SliverChildListDelegate(
                    [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Image.network(
                                'https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                fit: BoxFit.cover,
                              ),
                            ),
                          ),
                        ],
                      ),
                      SizedBox(
                        height: 10.0,
                      ),
                      Row(
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Text('text'),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),

                //FOURTH TabBarView
                SliverList(
                  delegate: SliverChildListDelegate(
                    [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Image.network(
                                'https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                fit: BoxFit.cover,
                              ),
                            ),
                          ),
                        ],
                      ),
                      SizedBox(
                        height: 10.0,
                      ),
                      Row(
                        children: <Widget>[
                          Expanded(
                            child: Container(
                              color: Colors.white,
                              width: double.infinity,
                              child: Text('text'),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}

最佳答案

所以...我尽量不对您的代码进行过多更改 :-)。此代码适用于 Android:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MoboApp(),
    );
  }
}

class MoboApp extends StatefulWidget {
  @override
  _MoboAppState createState() => _MoboAppState();
}

class _MoboAppState extends State<MoboApp> with SingleTickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 4,
      child: Builder(builder: (BuildContext context) {
        return NestedScrollView(
          headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
            return <Widget>[
              SliverAppBar(
                leading: Icon(
                  Icons.list,
                  color: Color(0xFFFBF3F3),
                ),
                actions: [
                  Icon(
                    Icons.more_vert,
                    color: Color(0xFFFBF3F3),
                  )
                ],
                title: Text(
                  'mobo app',
                  style: TextStyle(
                    color: Color(0xFFFBF3F3),
                    fontSize: 25.0,
                    fontWeight: FontWeight.bold,
                  ),
                ),
                centerTitle: true,
                pinned: true,
                floating: false,
                expandedHeight: 100.0,
                bottom: TabBar(
                  unselectedLabelColor: Color(0xFFE0A1A1),
                  tabs: <Widget>[
                    Tab(
                      text: 'Home',
                    ),
                    Tab(
                      text: 'Feed',
                    ),
                    Tab(
                      text: 'Profile',
                    ),
                    Tab(
                      text: 'Setting',
                    )
                  ],
                ),
                backgroundColor: Color(0xFFBB1A1A),
              ),
            ];
          },
          body: TabBarView(
            children: [
              // FIRST TabBarView
              CustomScrollView(
                slivers: [
                  SliverList(
                    delegate: SliverChildListDelegate(
                      [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Image.network('https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                  fit: BoxFit.cover,
                                ),
                              ),
                            ),
                          ],
                        ),
                        SizedBox(
                          height: 10.0,
                        ),
                        Row(
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Text('text'),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ],
              ),

              // SECOND TabBarView
              CustomScrollView(
                slivers: [
                  SliverList(
                     delegate: SliverChildListDelegate(
                      [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Image.network('https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                  fit: BoxFit.cover,
                                ),
                              ),
                            ),
                          ],
                        ),
                        SizedBox(
                          height: 10.0,
                        ),
                        Row(
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Text('text'),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ],
              ),

              //THIRD TabBarView
              CustomScrollView(
                slivers: [
                  SliverList(
                    delegate: SliverChildListDelegate(
                      [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Image.network('https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                  fit: BoxFit.cover,
                                ),
                              ),
                            ),
                          ],
                        ),
                        SizedBox(
                          height: 10.0,
                        ),
                        Row(
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Text('text'),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ],
              ),

              //FOURTH TabBarView
              CustomScrollView(
                slivers: [
                  SliverList(
                    delegate: SliverChildListDelegate(
                      [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Image.network('https://cdn.britannica.com/24/58624-050-73A7BF0B/valley-Atlas-Mountains-Morocco.jpg',
                                  fit: BoxFit.cover,
                                ),
                              ),
                            ),
                          ],
                        ),
                        SizedBox(
                          height: 10.0,
                        ),
                        Row(
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                color: Colors.white,
                                width: double.infinity,
                                child: Text('text'),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ],
              )
            ],
          ),
        );
      }),
    );
  }
}

关于flutter - 可以在 TabBarView 内部使用 SliverList，反之亦然？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/67001015/

文章推荐： php - 尽管文件存在，但 laravel 存储存在返回 false

文章推荐： javascript - Vue3 Reactive 值未按预期更新

具有水平滚动和粘性标题的 Flutter SliverList
我已经尝试了一段时间，但我无法让它工作。我想在带有 CupertinoSliverNavigationBar 的 CustomScrollView 中创建一个 ListView 。 SliverLi
flutter - SliverList 中的动画变化
我目前有一个 SliverList 其项目是动态加载的。问题是，一旦加载了这些项目，SliverList 会更新，而不会对更改进行动画处理，从而使加载和加载之间的过渡非常不和谐。我看到 Animat
flutter - 如何在 SliverList 周围包裹卡片？
我有一个 Sliver List，我想把它封装在一张卡片中。这是我的 Sliver List 代码: Widget hello() { return SliverPadding(
flutter - 如何在 SliverList 中显示滚动条？
我在我的应用程序中使用 SliverAppBar 和 SliverList 作为主要容器。当我尝试将 SliverList 包装在 Scrollbar 小部件中时，出现错误，当我将整个 Custom
Flutter 如何滚动到 SliverList 中的特定项目位置？
我有一个 SliverList与 SliverChildBuilderDelegate , 我的问题是我无法设置 ScrollController至 SliverList因为我想控制我的列表的滚动，我
dart - 添加或删除项目时 SliverList 不会更新
这是我的代码: class HomeCardList extends StatefulWidget { final Location location; final Position posi
flutter - SliverList 上的粘性 header
我看过新的 Flutter 视频，还看到了一些有趣的东西。 (这不是典型的粘性标题或可扩展列表，所以我不知道如何命名) Video - 从 0:20 开始观看有人知道如何使用 SliverList
flutter - SliverList/SliverChildBuilderDelegate 提供初始索引或允许负索引
我目前正在使用 SliverList 和 SliverChildBuilderDelegate 在 Flutter 中构建一个日历 View ，这样我就不必一次渲染日历中的每个项目。第一个日期是纪元
flutter - 如何为 Flutter SliverList 中的元素设置动画？
我有一个 SliverList，我将它与 SliverAppBar 一起使用，以便在用户滚动列表时为应用栏设置动画(真的是 slivers 的标准用例，没什么特别的)。现在我想为 SliverLis
Flutter:SliverList 和 SliverFixedExtentList 的区别
Flutter中SliverList和SliverFixedExtentList有什么区别？根据每个小部件的文档: SliverList :“一个条子，将多个子盒子放置在沿主轴的线性阵列中。” Sl
flutter - 如何将 BorderRadius 赋予 SliverList
我正在使用 SliverAppBar和 SliverListView在我的项目中。我需要BorderRadius到我的 SliverList这是我的 SliverAppBar 的底部. 这是我需要的
flutter - SliverList flutter 中的分隔符/分隔符
我们如何在 SliverList 中实现 Separator/Divider。 ListView.separated 是在列表中创建分隔符的便捷方法，但我没有看到任何关于 SliverList 的文档
flutter - 如何用 API 数据填充 SliverList
我正在构建一个天气预报应用程序，其中 SliverAppBar 显示当前天气，SliverList 以卡片形式显示每日预报。我以 map 的形式从 DarkSky API 获取数据。我已经使用 Fu
flutter - 如何用 API 数据填充 SliverList
我正在构建一个天气预报应用程序，其中 SliverAppBar 显示当前天气，SliverList 以卡片形式显示每日预报。我以 map 的形式从 DarkSky API 获取数据。我已经使用 Fu
flutter - 如何在 SliverList 中使用 FutureBuilder
我想隐蔽ListView至 CustomScrollView所以我需要转换我的 FutureBuilder进入SliverList . 这是我的代码: class LatestNewsList ext
flutter - 如何在 SliverAppBar 上重叠 SliverList
我试图在 SliverAppBar 上重叠几个像素的 SliverList。类似于 this post .我希望 FlexibleSpaceBar 中的图像位于 SliverList 的半径范围内。我
flutter - Flutter ListView、SliverList 等中的当前滚动偏移量
如何获取 Flutter ListView、GridView、SliverList` 等中的当前滚动偏移量？最佳答案如果您在 ScrollView 中，请使用 Scrollable.of(cont
flutter - 可以在 TabBarView 内部使用 SliverList，反之亦然？
我正在尝试在 TabBarView 中使用 SliverList 但我不断收到这些错误: 断言失败:第 5966 行第 12 行:“child == _child”:不正确。 RenderRepain
android - 如何在向下滚动后到达 “SliverPersistentHeader” 的第一项之前将 “SliverList” 固定在顶部？
我在 CustomScrollView 中使用 SliverPersistentHeader 和 SliverList。在到达 SliverList 的第一项(索引:0)之前，我不希望我的 Slive
flutter - 为什么 sliverlist 在我的 customcrollview 中不起作用？
我正在尝试添加一个 sliverlist 但它对我不起作用，我对使用 flutter 很陌生，我很困惑。 @override Widget build(BuildContext context) {

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

flutter - 可以在 TabBarView 内部使用 SliverList，反之亦然？