[Flutter]Card(カード)の設定をTheme(テーマ)でするには？

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

Cardの設定をThemeでする方法を紹介します。

方法
使用例

方法

Cardの設定をThemeでするには、まずThemeの引数「data」にThemeDataを指定します。

そして、ThemeDataの引数「cardTheme」にCardThemeを指定します。

このCardThemeでCardの設定をします。

Theme(
  data: ThemeData(
    cardTheme: CardTheme(/*Cardの設定*/),
);

CardThemeで設定できるのは、Cardの引数で出来るものと同じです。

これでCardの設定をThemeですることが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Theme(
      data: ThemeData(
        cardTheme: CardTheme(
          color: Colors.blue,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(20),
          ),
          elevation: 10,
        ),
      ),
      child: Scaffold(
        body: Center(
          child: Card(
            child: ListTile(
              title: Text('Flutter'),
            ),
          ),
        ),
      ),
    );
  }