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

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

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

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Flutter

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

Android

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

Dart

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

解決済

Firestoreのデータを使ったListview.builderが更新されない

nugio.kutusita
nugio.kutusita

総合スコア18

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Flutter

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

Android

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

Dart

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

1回答

0評価

0クリップ

235閲覧

投稿2022/05/28 17:01

編集2022/05/31 19:05

自作アプリで、Firestoreのデータを用いてListviewを表示させたいです。

メインページからこちらのページに飛んでくるのですが、
イニシャライザでgetRecipeList()を使ってFirestoreからデータをgetDataMapListに取得し、
これを用いてListview.builderを作っています。
データにはレシピ名とその属性(name、category、flavor)をもっています。

一度はできていたのですが、別の機能(絞り込み)を実装しようとしている中で、
上手く動かなくなり、どこがおかしいのかわからなくなってしまいました。

ページに入った際はうまくリストが出ないのですが、
ホットリロードをすると表示されます。
また、イニシャライザの書き方がよくないのかと思い、
一番下にボタンでgetRecipeList();を起動するものも用意してみましたが、これもダメでした。

関係ない部分も多く含んでしまっており、読みにくいかと思いますが、
どなたかご指導いただけると幸いです。

Dart/Flutter

class RecipeAdd extends StatefulWidget { const RecipeAdd({Key? key}) : super(key: key); State<RecipeAdd> createState() => _RecipeAddState(); } class _RecipeAddState extends State<RecipeAdd> { _RecipeAddState(){ getRecipeList(); } Future <void> getRecipeList()async{ getDataMapList=[]; final colRef = db.collection("recipe"); var querySnapshot = await colRef.get(); // QuerySnapshot var queryDocSnapshot = querySnapshot.docs; // List<QueryDocumentSnapshot> for (final snapshot in queryDocSnapshot) { final data = snapshot.data(); // try { getDataMapList.add(data); } catch(e){ print("Error completing: $e"); } } } String _addMenu =''; int _selectedIndex = -1; List getDataMapList= []; Widget build(BuildContext context) { var addSite = ModalRoute.of(context)?.settings.arguments; bool selectedCheck = false; return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Text("$addSiteのメニュー"), SizedBox( height: 400, width: 350, child: ListView.builder( itemCount: getDataMapList.length, itemBuilder: (BuildContext context, int index) { String _flavorText=""; for ( String flavor in getDataMapList[index]["flavor"]){ _flavorText += flavor + "," ; } IconData? _catIcon; if( getDataMapList[index]["category"]=="肉"){ _catIcon = Icons.kebab_dining; } else if (getDataMapList[index]["category"]=="魚"){ _catIcon = Icons.directions_boat_filled; } else{ _catIcon = Icons.local_dining; } return Card( child:ListTile( leading: Icon(_catIcon), title: Text(getDataMapList[index]["name"]), selected: _selectedIndex == index ? true:false, selectedTileColor: Colors.cyan.withOpacity(0.2), subtitle: Text("tag: $_flavorText",style: TextStyle(fontSize: 12),), onTap: (){ setState(() { _addMenu = getDataMapList[index]["name"]; _selectedIndex = index; }); }, ), ); }, ), ), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ ElevatedButton( onPressed: () => getRecipeList(), child: Icon(Icons.search), ), Card( child: Text("絞り込み項目"), ) ], ), Container( width: 200, height: 80, child: ElevatedButton( onPressed: () { Navigator.pop(context, _addMenu); }, child: Text("$_addMenu\nにする!",style: TextStyle(fontSize: 20), ), style: ElevatedButton.styleFrom(primary: Colors.deepOrange) ), ), ElevatedButton( style: ElevatedButton.styleFrom(primary: Colors.lightGreen), onPressed:(){ Navigator.of(context).pushNamed("/NewRecipe") .then((value) => { if (value!=null){ Navigator.pop(context, value)} }); }, child: Text("新しいメニュー"), ), ElevatedButton( onPressed: (){ setState(() { getRecipeList(); }); }, child: Text("手動ロード") ), ], ), ), ); } }

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Flutter

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

Android

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

Dart

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