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

Question

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

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

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

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

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

class RecipeAdd extends StatefulWidget {
   const RecipeAdd({Key? key}) : super(key: key);
  @override
  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= [];
  
  @override
  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("手動ロード")
            ),
          ],
        ),
      ),
    );
  }
}