Flutterでカスタムカラーを使用する方法

テーマのカスタムカラー: Flutterでは、テーマを使用してアプリ全体のスタイルを設定できます。テーマのカスタムカラーを設定するには、次の手順を実行します。

void main() {
  runApp(
    MaterialApp(
      theme: ThemeData(
        primaryColor: Colors.blue, // プライマリーカラーの設定
        accentColor: Colors.green, // アクセントカラーの設定
      ),
      home: MyHomePage(),
    ),
  );
}

上記の例では、primaryColorとaccentColorを使用して、テーマのカスタムカラーを設定しています。これにより、アプリ内のウィジェットでこれらのカラーを使用することができます。

ウィジェットのカスタムカラー: 特定のウィジェットにカスタムカラーを適用する場合は、Colorクラスを使用して独自のカラーオブジェクトを作成します。以下はその例です。

Color myCustomColor = Color(0xFF123456);
Container(
  color: myCustomColor,
  child: Text('カスタムカラーの例'),
)

上記の例では、Colorクラスを使用してカスタムカラーオブジェクトmyCustomColorを作成し、Containerウィジェットのcolorプロパティに適用しています。