[Flutter]CupertinoTabScaffoldの背景色を設定するには？

どうも、ちょげ(@chogetarou)です。

CupertinoTabScaffoldの背景色を設定する方法を紹介します。

方法

CupertinoTabScaffoldの背景色を設定するには、引数「backgroundColor」を使います。

具体的には、CupertinoTabScaffoldの引数「backgroundColor」に色を指定します。

CupertinoTabScaffold(
  backgroundColor: color, //背景色を指定
  child: Body(),
);

CupertinoTabScaffoldの引数「backgroundColor」に指定した色が、CupertinoTabScaffoldの背景色になります。

使用例

  @override
  Widget build(BuildContext context) {
    return CupertinoTabScaffold(
      backgroundColor: Colors.green[100],
      tabBar: CupertinoTabBar(items: [
        BottomNavigationBarItem(icon: Icon(Icons.home)),
        BottomNavigationBarItem(icon: Icon(Icons.note)),
        BottomNavigationBarItem(icon: Icon(Icons.settings)),
      ]),
      tabBuilder: (context, index) => Center(),
    );
  }