[Flutter]DropdwonButtonが更新されない

Question

前提

Flutterでユーザー編集の更新ボタンを作っています。
DropdwonButtonのウィジェットをタップすると、リストは出ますが
タップ後に文字列が反映されません。

実現したいこと

ボタンにリストの文字列を反映させる。

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

該当のソースコード

class Page extends StatelessWidget {
   Page({Key? key, required this.user});
  DocumentSnapshot user;
  String value = "user";

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<EditAdminUserModel>(
      create: (_) => EditAdminUserModel(user),
      child: Scaffold(
        appBar: AppBar(),
        body: Center(
          child: Consumer<EditAdminUserModel>(
            builder: (context, model, child) {
              return Padding(
                padding: const EdgeInsets.all(30.0),
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    DropdownButton(
                        items:
                            model.items.map<DropdownMenuItem<String>>((value) {
                          return DropdownMenuItem<String>(
                            value: model.isSelectedItem,
                            child: Text(value!),
                          );
                        }).toList(),
                        onChanged: (String? value) {
                          model.DropDownValue(value);
                        }),
                    ElevatedButton(
                        onPressed: () async {
                          try {
                            await model.update();
                            Navigator.of(context).pop(true);
                          } catch (e) {
                            final snackBar =
                                SnackBar(content: Text(e.toString()));
                            ScaffoldMessenger.of(context)
                                .showSnackBar(snackBar);
                          }
                        },
                        child: const Text("更新する"))
                  ],
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}

class EditAdminUserModel extends ChangeNotifier {
  EditAdminUserModel(this.user) {
    
    roleContorller.text = user["role"]!;
    
  }

  String? role;
  String? uid;


  final roleContorller = TextEditingController();


  List<String?> items = ["admin", "user"];

  DocumentSnapshot user;
  String? isSelectedItem = "user";

  void setName(String name) {
    this.name = name;
    notifyListeners();
  }

  void setimagePath(String imagePath) {
    this.imagePath = imagePath;
    notifyListeners();
  }

  void setstatus(String status) {
    this.status = status;
    notifyListeners();
  }

  Future update() async {
  

    if (role == null || role == "") {
      throw "役割が入力されていません";
    }

 
    this.role = roleContorller.text;

    this.uid = user["uid"];

    await FirebaseFirestore.instance.collection("users").doc(uid).update(
        {"role": role, });
  }

  dynamic DropDownValue(String? value) {
    isSelectedItem = value;

    notifyListeners();
  }
}

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

以下の内容に間違いがあるのだと思う。

• DropdownMenuItemのvalueにはそのDropdownMenuItemを一意に認識できる値を設定する。
  選択されている値を設定している。
• 何が選択されているかは、DropdownButtonのvalueに設定する。
  これが指定されていいない。

修正後のコードは以下の様になると思う。

                    DropdownButton<String>(  // 一応型を指定しておいた方がいいかも
                        items:
                            model.items.map<DropdownMenuItem<String>>((value) {
                          return DropdownMenuItem<String>(
                            value: value!, // DropdownMenuItemが認識する値を指定する
                            child: Text(value!),
                          );
                        }).toList(),
                        value : model.isSelectedItem, // 現在選択されている値を設定する
                        onChanged: (String? value) {
                          model.DropDownValue(value);
                        }),

Comments

[my0930]

必要項目の理解が不十分でした。
おかげで無事に表示できました！ありがとうございます！