在 TabBar 外面再套一层 Material ,设置 Material 的 color 属性:
class _MainPageState extends State<MainPage> with SingleTickerProviderStateMixin {
TabController _tabController;
@override
void initState() {
super.initState();
_tabController = TabController(length: 3, vsync: this);
}
@override
Widget build(BuildContext context) {
return Scaffold(
//使用 Material 改变 TabBar 背景色
bottomNavigationBar: Material(
color: Colors.blue,
child: TabBar (
...
),
),
body: TabBarView(
...
),
);
}
}
后续:上面 iPhone 手机底部黑线遮挡布局的问题解决办法请查看我的另一篇文章:解决 iPhone X 等刘海屏手机导航栏/底部黑线遮挡布局的方法