栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

TabView中的动态子项

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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");  }),          )       ))      );  }

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



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/404299.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号