appbar 全局配置
来源：6-11 Flutter 页面生命周期实战指南
Bestcode
2019-08-20
请问可以全局修改appbar 的一些配置吗?
比如标题居中, 重置默认icon. 调整阴影等
目前只能用theme修改标题颜色. 上述的无法全局修改
1回答
-
慕娘0065896
2019-08-21
可以使用
BottomNavigationBar(）来配合AppBar（）
class _TabsState extends State<Tabs> {
//选中下标
int _currentIndex = 0;
//页面列表
List _pageList = [
xxxPage(),
xxxPage(),
xxxPage(),
xxxPage()
];
List resBack = new List();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.redAccent,
centerTitle: true,
title: Text('xxx', style: TextStyle(fontWeight: FontWeight.bold)),
),
//窗口显示部分，页面列表中选择选中页面下标
body: this._pageList[this._currentIndex],
//底部导航组件
bottomNavigationBar: BottomNavigationBar(
//配置对应索引值
currentIndex: this._currentIndex,
//默认选中
onTap: (int index) {
//改变状态
setState(() {
this._currentIndex = index;
});
},
//icon的大小
iconSize: 30.0,
//选中的颜色
fixedColor: Colors.orange,
//底部导航按钮不可移动
type: BottomNavigationBarType.fixed,
//导航组
items: [
BottomNavigationBarItem(icon: Icon(Icons.home), title: Text('xx')),
BottomNavigationBarItem(
icon: Icon(Icons.library_books), title: Text('xx')),
BottomNavigationBarItem(
icon: Icon(Icons.people), title: Text('xx')),
BottomNavigationBarItem(
icon: Icon(Icons.person), title: Text('xx')),
],
),
);
}
00
相似问题
回答 1
回答 1
回答 1
回答 1
回答 1