Flutter RadioListTile で画面更新がされない

Question

実現したいこと

• 前ページからの値を利用してラジオボタンを生成する(実現済み)
• ラジオボタンが正常に動作する

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

• ラジオボタンを選択しても画面が更新されない(どのボタンも選択されていない表示のまま)
• groupValue の値は変更されている様子(print で出力して確認済み)
• エラーメッセージはなく、ラジオボタンの選択が画面に反映されていない状況

該当のソースコード

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';

class CreateAnswerPage extends StatefulWidget {
  const CreateAnswerPage({super.key});
  @override
  _CreateAnswerPageState createState() => _CreateAnswerPageState();
}

class _CreateAnswerPageState extends State<CreateAnswerPage> {
  @override
  Widget build(BuildContext context) {
    List<String> argumentsFromCreatePage =
        ModalRoute.of(context)?.settings.arguments as List<String>;

    int questionNum = int.parse(argumentsFromCreatePage[0]);
    int choiceNum = int.parse(argumentsFromCreatePage[1]);

    // answerList[i] : i問目の答え
    List<int> answerList = new List.generate(questionNum, (index) => 0);
    // answerGroupValue[i] : i問目のgroupValue
    List<int> answerGroupValue = new List.generate(questionNum, (index) => 0);

    return Scaffold(
      appBar: AppBar(
        title: Text("mark sheet"),
      ),
      body: Center(
        child: SingleChildScrollView(
          child: Column(
            children: <Widget>[
              Container(
                child: Column(
                  children: <Widget>[
                    for (int i = 0; i < questionNum; i++) ...{
                      Container(
                        child: Row(
                          children: <Widget>[
                            for (int j = 0; j < choiceNum; j++) ...{
                              Expanded(
                                child: RadioListTile(
                                  title: Text((j + 1).toString()),
                                  value: j + 1,
                                  groupValue: answerGroupValue[i],
                                  onChanged: (value) {
                                    setState(() {
                                      answerGroupValue[i] = j + 1;
                                      print(answerGroupValue[i]);
                                      print(value);
                                    });
                                  },
                                ),
                              ),
                            }
                          ],
                        ),
                      ),
                    }
                  ],
                ),
              ),
              // 作成完了ボタン
              Container(
                margin: EdgeInsets.all(5),
                child: SizedBox(
                  width: 200,
                  height: 50,
                  child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(12),
                        ),
                      ),
                      child: Text("作成完了"),
                      onPressed: () {
                        Navigator.pushNamed(context, "/home");
                      }),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

試したこと

• List ではなく int の変数を groupValue に指定する

　　groupValue の値は変更されているようだが、画面は更新されない

• 外側を for 文ではなく ListView.builder で実装

　　groupValue の値は変更されているようだが、画面は更新されない

• for 文を使わず ListView.builder で実装

　　エラーが出てラジオボタンが表示されない(今回のメインの問題とは関係なさそうなのでスルー)

おそらく動的にラジオボタンを生成することで何か問題が起きていると思うのですが、Flutter に疎いので解決方法が分かりません。
手助けお願いします。

Answer 1

build内で変数の初期化をしているので、選択値が毎回0クリアされている。
変数を_CreateAnswerPageState の変数としてinitState内で初期化する。
これで_CreateAnswerPageStateのインスタンスが生成されたときに変数類が初期化され、その後インスタンスが破棄されるまで値は保持される。

class _CreateAnswerPageState extends State<CreateAnswerPage> {
  // answerList[i] : i問目の答え
  late List<int> answerList;
  // answerGroupValue[i] : i問目のgroupValue
  late List<int> answerGroupValue;
  late int questionNum;
  late int choiceNum;

  @override
  void initState() {
    super.initState();
    List<String> argumentsFromCreatePage =
        ModalRoute.of(context)?.settings.arguments as List<String>;

    questionNum = int.parse(argumentsFromCreatePage[0]);
    choiceNum = int.parse(argumentsFromCreatePage[1]);

    answerList = List.generate(questionNum, (index) => 0);
    answerGroupValue = List.generate(questionNum, (index) => 0);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
 // 以降は一緒

Comments

[hitonihiki]

回答ありがとうございます。

提示していただいたコードを実行したところ、エラーが起きてしまいました。
調べた結果、「initState 内で context を参照しようとしている」ことがエラーの原因でした。

この問題は initState ではなく didChangeDependenceis を使うことで解決しました。
ありがとうございました。

[ta.fu]

contextが使えなかった件、間違った実装を載せてしまい、申し訳ありません。
取り合えず、解決してよかったです。