TabBarView是Flutter中的一个控件,用于创建一个带有选项卡的视图,每个选项卡对应一个子视图。它通常与TabBar一起使用,TabBar用于显示选项卡的标签。
TabBarView的正确用法如下:
import 'package:flutter/material.dart';
TabBarView(
children: <Widget>[
// 子视图1
Container(
child: Text('子视图1'),
),
// 子视图2
Container(
child: Text('子视图2'),
),
// 子视图3
Container(
child: Text('子视图3'),
),
],
)
DefaultTabController(
length: 3, // 选项卡数量
child: Scaffold(
appBar: AppBar(
title: Text('TabBarView示例'),
bottom: TabBar(
tabs: <Widget>[
Tab(text: '选项卡1'),
Tab(text: '选项卡2'),
Tab(text: '选项卡3'),
],
),
),
body: TabBarView(
children: <Widget>[
// 子视图1
Container(
child: Text('子视图1'),
),
// 子视图2
Container(
child: Text('子视图2'),
),
// 子视图3
Container(
child: Text('子视图3'),
),
],
),
),
)
TabBarView的优势:
TabBarView的应用场景:
推荐的腾讯云相关产品和产品介绍链接地址:
数字化产业研学汇第三期
云+未来峰会
链上产业系列活动
高校公开课
云+社区沙龙online第6期[开源之道]
云+社区技术沙龙[第25期]
小程序·云开发官方直播课(数据库方向)
领取专属 10元无门槛券
手把手带您无忧上云