質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
87.20%
Flutter

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

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Dart

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

解決済

Flutter:Listtileが選択状態(selectedがtrue)にならない

nugio.kutusita
nugio.kutusita

総合スコア18

Flutter

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

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Dart

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

2回答

0評価

0クリップ

153閲覧

投稿2022/05/21 14:42

FlutterのListViewで選択した項目の色を変えたいです。
調べたコードのコピペで書いたのですが、上手くいきません。

onTapで_selectedIndex =indexにし、
そのタイルのselectedを_selectedIndex == indexでtrueにする、というコードと理解しているのですが、色が変わりません。

selected:を直接trueにすると全タイルが選択色に変わることは確認できました。
print("$_selectedIndex"+"$index");で、数字が一致することも確認しています。

どこがおかしいのか、指摘いただけると幸いです。

Dart/Flutter

class RecipeAdd extends StatefulWidget { const RecipeAdd({Key? key}) : super(key: key); State<RecipeAdd> createState() => _RecipeAddState(); } var _list =["a","b","c"]; String _addMenu =''; class _RecipeAddState extends State<RecipeAdd> { Widget build(BuildContext context) { var addSite = ModalRoute.of(context)?.settings.arguments; int _selectedIndex = -1; return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ SizedBox( height: 250, width: 300, child: ListView.builder( itemCount: _list.length, itemBuilder: (BuildContext context, int index) { return ListTile( title: Text(_list[index]), onTap: (){ setState(() { _addMenu = _list[index]; _selectedIndex = index; print("$_selectedIndex"+"$index"); }); }, selected: _selectedIndex == index, selectedTileColor: Colors.pink.withOpacity(0.2), ); }, ), ), ], ), ), ); } }

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

nugio.kutusita

2022/05/21 15:28

各変数をwidgetに表示させて変化を見てみると、 _selectedIndexの値が-1に固定されているような挙動を示していました。 int _selectedIndex = -1; の位置を、 @override Widget build(BuildContext context) { int _selectedIndex = -1; のではなく、 class _RecipeAddState extends State<RecipeAdd> { int _selectedIndex = -1; @override Widget build(BuildContext context) { としたら解決しました。 どうしてこうなるのか、いまひとつ理解できませんので、 どなたか引き続きご教授いただけると幸いです。 Setstateを走らせた際、 Widget build(BuildContext context) {  が走るため、_selectedIndexが-1に戻ってしまっていた、 という理解であっていますか?

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

Flutter

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

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Dart

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