flutter 改变 TabBar 背景颜色的方法

在 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 等刘海屏手机导航栏/底部黑线遮挡布局的方法