带有嵌套TabBarView的Flutter ListView

文章/答案/技术大牛

发布

1回答

widget、flutter、flutter-layout

我正在尝试布局我的flutter应用程序，使它看起来像： -WidgetA -Column -TabBarView -WidgetC 因此整个屏幕是可合并的，并且小部件A、B和C的内容可以改变，并且屏幕的高度不是固定的。我能让它工作的</em

浏览 15提问于2018-08-10得票数 8

2回答

如何在带有Flutter的可滚动视图中拥有具有可变高度内容的TabView？

dart、flutter

我有一个嵌套在中的 & 。这是因为TabBarView中的内容是动态的，并且直到运行时才知道内容的高度。我不能将块嵌套在TabBarView中，因为在TabBar之前有内容应该与TabBarView内容一起滚动。的Viewport是不受约束的，它需要一个带有有界高度约束的祖先小部件。不幸的是，Block不会给出一个限定的

浏览 4提问于2017-01-31得票数 13

1回答

当软键盘打开时，小部件溢出

flutter

我在flutter中使用带有标签的TabBarView。我的选项卡栏视图包含输入表单。现在，当键盘打开时，窗口小部件溢出我试着使用Listview和SingleChildScrollView来避免这个问题，但是对我不起作用。使用ListView或SingleChildScrollView时，屏幕变为空白。), ), Expanded( flex: 1,

浏览 16提问于2019-02-13得票数 0

回答已采纳

1回答

如何在列(或任何可滚动视图)内的FlutterMap (flutter_map包)上使用手势？

flutter、dart、leaflet、gesture、fluttermap

我有一个问题，我在一个可滚动的列中有一个地图。作为地图，我使用FlutterMap (flutter_map包)。这是flutter的传单。谷歌地图包中同样问题的解决方案：Google map in Flutter not responding to touch events。但是这如何在flutter_map中工作呢？或者，对于需要在可滚动列表或标签中使用自己的滚动手势的所有类型的小部件，也许有一个通用的

浏览 23提问于2020-03-26得票数 3

回答已采纳

4回答

如何使用tabBar实现sliverAppBar

flutter、nestedscrollview、flutter-sliver

flutter文档显示了一个demo对于SliverAppBar+TabBar+TabBarView with ListView使用NestedScrollView，而且它有点复杂，所以我想知道有没有一种简单而明确的方法来实现它需要类型为flutter的子项，但收到的子项类型为_RenderExcludableScrollSemantics。flutter: RenderObjects期望特定类型的子项，因为它们在布局和绘制期间与子项

浏览 124提问于2018-06-07得票数 19

7回答

颤振- ListView在TabBarView上失去它的滚动位置

flutter、dart、flutter-layout

我有一个非常简单的颤振应用程序，它有两个视图( TabBarView，有两个视图(Tab 1和Tab 2)，其中一个(Tab 1)有一个带有许多简单文本小部件的ListView，问题是在我向下滚动Tab1<code>E29<//code>的ListView元素之后，如果我从<code>E 110</code>Tab 1</>标签1</211<

浏览 9提问于2017-07-27得票数 59

回答已采纳

1回答

如何干净/正确地实现嵌套的TabBarView？

flutter

问题：如果我只是将所有的小部件放在一个状态类中，那么一切都运行得很好。为了更加模块化，我将内部TabBarView从外部TabBarView中分离出来。但是，我发现innerTabController必须驻留在外部TabBarView类中，才能使内部TabBarView正确地恢复其先前的索引。我认

浏览 4提问于2018-07-25得票数 0

2回答

颤振实现标签

flutter、flutter-layout

我试着做一个这样的页面设计：但是我在实现标签栏方面遇到了困难。当用户单击“详细信息”时，详细视图将显示在选项卡栏下面等等。有什么小部件可以使用吗？

浏览 9提问于2022-02-16得票数 1

回答已采纳

1回答

TabBar在ListView中

flutter、flutter-layout、tabbar

我有一个包含多个小部件的列表视图。其中之一就是Tabbar。但是，如果我在listview中使用一个选项卡，它会给出一个呈现错误。源代码：import 'package:flutter_screenutil/flutter_screenutil.dartconst SizedBox(height: 10,),

浏览 14提问于2022-08-10得票数 0

2回答

在小部件嵌套部分中使用提供程序和获取dispose()错误

flutter

我试图使用Provider将我的屏幕页面嵌套为TabBarView。当我试着用此时，小部件的元素树的状态不再稳定E/flutter (21506)：为了安全地在其dispose()方法中引用小部件的祖先，通过在小部件的inheritFromWidgetOfExactT

浏览 0提问于2019-09-08得票数 3

回答已采纳

3回答

如何使持久化的AppBar和浮动小部件在AppBar的下方飘动

flutter、flutter-layout、flutter-sliver、flutter-appbar、flutter-sliverappbar

我想使我的AppBar持久化(它不应该像选项卡那样浮动)，而我想在appbar下面放置一个小部件或者说选项卡，它将浮动并固定在appbar上，就像库页面中的spotify应用程序一样，请参阅下面以获得正确的理解到目前为止，我使用的条子在颤栗无法达到我想要的，请检查我的代码和纠正我， runApp(MyApp()); ),

浏览 13提问于2022-02-17得票数 0

回答已采纳

3回答

如何在flutter中创建屏幕中心的选项卡栏？

android、flutter、tabbar

我试着用flutter在屏幕中央创建一个标签栏，在尝试的时候，我在一个列中给了TabBarView，我被这个错误卡住了。请解决这个问题。══════════════════I/fluttersuper.initState(); @override Widget build(BuildContext context)

浏览 5提问于2020-08-07得票数 9

回答已采纳

1回答

颤振中的多选项卡/页视图

flutter

如何创建一个多页面视图，在这个视图中，页面对应于底部导航栏中的选项卡，这样对应于页面的小部件只能按需构建一次。例如，考虑一个简单的facebook应用程序，它有两个选项卡-- feed和带有以下行为的通知：提要和通知都是通过网络获取的项目列表。如果我使用TabBarView，它将在每次更改选项卡时重新构建小部件，因此滚动位置不会保留。

浏览 5提问于2017-09-04得票数 9

回答已采纳

2回答

如何使用正文中的多个选项卡折叠主AppBar

flutter

脚手架->AppBar->TabBarView->多个选项卡，在第一个选项卡中有聊天的ListView。 

浏览 10提问于2017-12-23得票数 7

1回答

如何将CustomScrollView中的SliverAppBar与SliverFixedExtentList集成在一起，以及如何使用可滚动标签的脚手架？

flutter、flutter-layout

我们的目标是设计一个看起来像Twitter的个人资料页面的UI，在那里你可以检查用户的个人资料(区块A)，然后你就有了一个标签栏(区块B)和无限的滚动选项卡视图(区块C)。标签栏应该像一个SliverAppBar，当你向上滚动到区块A的末尾时，它可以被“钉住”。然而，在这个解决方案中，我不知道如何将SliverFixedExtentList部件转换为可滚动的选项卡视图，以及如何将SliverAppBar转换为TabBar。此解决方案的代码： CustomScroll

浏览 26提问于2020-09-04得票数 0

回答已采纳

1回答

为什么在颤动中使用TabBar丢失了TabController

flutter、flutter-layout

我开始编写TabController _tabController并在initState()中对其进行初始化，使用TabBar中的控制器引入TabController，但调试结果显示: TabBarViewI/flutter ( 4328): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═════════════════════════════════════════: false)): I/flutter ( 4328): No TabController fo

浏览 42提问于2019-04-16得票数 1

1回答

SliverGrid不支持CustomScrollView、SliverAppBar和选项卡栏/选项卡栏视图

flutter、dart、flutter-sliver

我正在尝试实现一个带有TabBar的SliverAppBar。在一个选项卡中，我想要放入SliverGrid，而在另一个选项卡中，我要放入SliverList。获取SliverAppBar和TabBar的基本代码如下所示。选项卡的内容只是Text()元素。我想要的是一个扩展的应用程序栏，其中包含一个图像和一些其他控件。下面的选项卡栏和包含网格/列表等的选项卡栏。当用户向上滚动时，带有标题的应用程序栏应固定在顶部，选项卡栏应固

浏览 43提问于2019-12-28得票数 2

1回答

Flutter Web -如何在SingleChildScrollView ->列中使用TabBarView？

flutter、flutter-web

我有一个包含列的SingleChildScrollView，它有很多子元素，其中两个是TabBar和TabBarView。TabBar呈现正常，但是当我添加一个TabBarView时，我得到了错误： ======== Exception caught by rendering library ===============(package:flutter/src/rendering/viewport.dart:1430:6) #2 RenderBox.performResize (p

浏览 189提问于2021-07-22得票数 0

回答已采纳

1回答

为什么TabBarView要占用额外的空间？

flutter、flutter-layout

我已经尝试了几天Flutter，试图构建一个简单的应用程序，在屏幕的前半部分使用VideoPlayer (动态大小)，在下半部分使用ListView。我希望上半部分尽可能小，但TabBarView (黄色背景部分)占用了额外的空间。我试着用一个扩展的、灵活的、大小适中的盒子来包装TabBarView，但它们都不起作用。一切都被包裹在一个脚手架的身体里： Column(mainAxisSi

浏览 1提问于2021-05-13得票数 0

15回答

带有其他小部件的可滚动列中的Flutter* ListView.Builder()*

flutter、dart、flutter-layout

我有一个包含大量不同视图的TabBarView()。我希望它们是一个列，在顶部的TextField和下面的ListView.Builder()，但这两个小部件应该在同一可滚动区域(滚动视图)。我实现它的方式抛出了一些错误：Widget build(BuildContext context) { mainAxisAlignment), ), new ListView.builde

浏览 0提问于2018-06-11得票数 83

点击加载更多