TabView中的动态子项

TabView中的动态子项

您可以使用它

List<E>.generate

来实现。

import 'package:flutter/material.dart';

假设您从呼叫者页面传递了一组类别。假设这是您的类别列表。

List<String> categories = ["a", "b", "c", "d", "e", "f", "g", "h"];

然后，您可以执行类似的 *** 作以实现您的期望。

class TabsDemo extends StatefulWidget {  @override  _TabsDemoState createState() => _TabsDemoState();}class _TabsDemoState extends State<TabsDemo> {  TabController _controller;  @override  void initState() {    super.initState();  }    @override    Widget build(BuildContext ctxt) {      return new MaterialApp(        home: DefaultTabController( length: categories.length, child: new Scaffold(   appBar: new AppBar(     title: new Text("Title"),     bottom: new TabBar(       isScrollable: true,         tabs: List<Widget>.generate(categories.length, (int index){       print(categories[0]);       return new Tab(icon: Icon(Icons.directions_car), text: "some random text");     }),   ), ),        body: new TabBarView(  children: List<Widget>.generate(categories.length, (int index){     print(categories[0]);     return new Text("again some random text");  }),          )       ))      );  }

您还可以将不同组的小部件设置为“选项卡”的视图。您可以创建页面列表并遵循相同的方法。