标签:tabbar color Text dart OrderState rgba child flutter
import 'package:color_dart/color_dart.dart';
import 'package:flutter/material.dart';
class Order extends StatefulWidget {
static _OrderState _orderState;
getAppBar() {
return _orderState.createAppBar();
}
Order() {
_orderState = _OrderState();
}
@override
_OrderState createState() => _OrderState();
}
class _OrderState extends State<Order> with TickerProviderStateMixin {
static List<Tab> tabs = [
Tab(text: '全部'),
Tab(text: '未完成'),
Tab(
text: '已完成',
)
];
static TabController _tabController;
AppBar createAppBar() {
_tabController = TabController(vsync: this, length: tabs.length);
return AppBar(
backgroundColor: Colors.white,
brightness: Brightness.dark,
elevation: 0,
centerTitle: true,
title: Text(
"订单列表",
style: TextStyle(
color: rgba(56, 56, 56, 1),
fontSize: 18,
fontWeight: FontWeight.bold),
),
bottom: PreferredSize( //常用在appbar的bottom 可以对子控制没有约束
preferredSize: Size.fromHeight(44),
child: Container(
child: Column(
children: [
SizedBox(
height: 1,
width: double.infinity,
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 20),
child: Divider(
color: Colors.yellow,
height: 2,
)),
),
TabBar(
tabs: tabs,
labelColor: rgba(136, 175, 213, 1),
labelStyle: TextStyle(fontWeight: FontWeight.bold),
unselectedLabelStyle: TextStyle(fontSize: 15),
unselectedLabelColor: rgba(80, 80, 80, 1),
controller: _tabController,
),
],
),
)));
}
@override
Widget build(BuildContext context) {
return Container(
color: rgba(248, 248, 248, 1),
child: TabBarView(
children: [Text("xxxx"),
Text("xxxx"),
Text("xxxx")
],
controller: _tabController,
),
);
}
}
标签:tabbar,color,Text,dart,OrderState,rgba,child,flutter 来源: https://blog.csdn.net/weixin_44692055/article/details/117157478
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。