Flutter中根据Tab Bar名称显示Tab Bar查看产品答案

【问题标题】：Display Tab Bar View Products According to Tab Bar Name in FlutterFlutter中根据Tab Bar名称显示Tab Bar查看产品
【发布时间】：2021-06-22 04:56:08
【问题描述】：

所以，我需要创建这种电子商务应用程序，这是 UI：

Here's the design of the app

在设计中它有两个级别的类别。

我正在使用标签栏和标签栏视图来创建类别层次结构。我将第二级类别嵌套在第一级的标签栏视图中，对于产品数据也是如此。

我的查询，这里是：如何根据标签栏名称过滤生成的标签栏视图内容。

Dynamic children for TabView in flutter

我指的是为标签创建动态数据，但是如何有条件地将标签栏视图过滤到标签栏？

感谢任何形式的帮助！

【问题讨论】：

标签： flutter filter dynamic tabs flutter-layout

【解决方案1】：

创建一个接受名称并返回具有给定名称的列表的小部件函数，如下所示：

Widget home(String txt){
return yourWidget();///filtered by txt variable
}

并像这样调用这个方法：

TabBarView(
        controller: _nestedTabController,
        children: <Widget>[
         home("Milk"),
         home("Diary"),
          home("Cheese"),
     ])

【讨论】：

谢谢！但是标签栏和嵌套标签都具有动态内容。那么，嵌套的标签栏也将是一个对象列表，并且标签栏也是如此？那么，我该如何相应地渲染它们。所以，就像标签栏 -> 嵌套标签栏 -> 过滤产品。如何告诉动态嵌套选项卡有关父选项卡栏并根据父选项卡栏进行渲染。任何形式的帮助表示赞赏！谢谢！
所以像 object[0] object[1] 一样使用它而不是牛奶和日记
是的，但是这些对象将通过从服务器获取项目来动态创建？那么，在那种情况下，如何在 Tab Bar -> Nested Tab Bar 之间建立子关系和父关系？比如如何在标签栏和标签栏视图索引之间创建连接？
你可以使用 FutureBuilder(future:fetchData(),builder(context,snapshot){return TabBarView(childred:[//childs])} 从服务器获取数据后你可以这样做