一般用于TabBar中的item,上下结构,可指定图标和一个内容组件。

相关组件

TabBar

Tab基本使用

【child】 : 子组件 【Widget】
【text】 : 文字 【String】
【icon】 : 下方组件 【Widgit】
text和child不能同时存在
image.png

  1. import 'package:flutter/material.dart';
  2. class CustomTab extends StatelessWidget {
  3. @override
  4. Widget build(BuildContext context) {
  5. return Container(
  6. child: Row(
  7. mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  8. children: <Widget>[
  9. Tab(
  10. icon:Icon( Icons.add,color: Colors.blue,),
  11. child: Text('添加'),
  12. ),
  13. Tab(
  14. icon:Icon( Icons.close,color: Colors.red,),
  15. text: '删除',
  16. ),
  17. Tab(
  18. icon:Icon( Icons.refresh,color: Colors.green),
  19. text: '更新',
  20. ),
  21. ],
  22. ),
  23. );
  24. }
  25. }