- Containerを使用して背景色を設定する方法:
Container(
color: Colors.blue, // 背景色を指定
child: ElevatedButton(
onPressed: () {
// ボタンが押された時の処理
},
child: Text('評価する'),
),
)
- BoxDecorationを使用して背景色を設定する方法:
Container(
decoration: BoxDecoration(
color: Colors.blue, // 背景色を指定
),
child: ElevatedButton(
onPressed: () {
// ボタンが押された時の処理
},
child: Text('評価する'),
),
)
- FlatButtonを使用して背景色を設定する方法:
FlatButton(
color: Colors.blue, // 背景色を指定
onPressed: () {
// ボタンが押された時の処理
},
child: Text('評価する'),
)
- RaisedButtonを使用して背景色を設定する方法:
RaisedButton(
color: Colors.blue, // 背景色を指定
onPressed: () {
// ボタンが押された時の処理
},
child: Text('評価する'),
)
これらのコード例を使用すると、Flutterアプリで評価ボタンの背景色を簡単に設定することができます。背景色として使用する色は、Colorsクラスで提供されている色を指定するか、任意のカスタムカラーを指定することができます。