🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Q&A

解決済

1回答

2943閲覧

ボタンが押されたらボタンの色を変えたい

_kei

総合スコア26

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

0グッド

0クリップ

投稿2021/03/03 10:34

前提・実現したいこと

Flutter初心者です。個人開発にて、StatefulWidgetを使用して、「ボタンが押されたら、そのボタンの色が変わる」という機能を実装したいです。

発生している問題・エラーメッセージ

エラーメッセージは表示されていないため、意図通りに機能しないので困っています。

該当のソースコード

main.dart(StatefulWudgetの部分)

dart

1 2class TimeButton extends StatefulWidget { 3 4 _TimeButtonState createState() => _TimeButtonState(); 5} 6 7class _TimeButtonState extends State<TimeButton> { 8 9 Widget build(BuildContext context) { 10 var is_pressed = false; 11 12 void toggle() { 13 is_pressed = !is_pressed; 14 } 15 16 return Padding( 17 padding: EdgeInsets.symmetric(horizontal: 5), 18 child: RaisedButton( 19 child: Text("END", 20 style: TextStyle( 21 fontSize: 15, 22 )), 23 color: (is_pressed) ? Colors.red : Colors.blue, 24 shape: RoundedRectangleBorder( 25 side: BorderSide(color: Color.fromRGBO(220, 20, 60, 0.6), width: 2), 26 ), 27 onPressed: () { 28 setState(() { 29 toggle(); 30 }); 31 }, 32 ), 33 ); 34 } 35}

試したこと

公式ドキュメントを参照してみましたがうまく機能しませんでした。

補足情報

・このWidgetは TimeButton() のように呼び出しています。
・エディタ上で、「var is_pressed = false;」のis_pressedがアクティブになっていないのが気になりました。
・SatefulWidget が homeプロパティにて呼び出されていないことは関係ないと思われます。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

ToggleButton Class

を見て実装することができました。

投稿2021/03/03 12:21

_kei

総合スコア26

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問