Flutter中如何将PageView重置至初始状态（测验应用场景）

问题出在两个核心点：

1. 全局共享的questions列表中，Question对象的isLocked、selectedOption状态在首次答题后被修改，且未重置，导致再次进入测验页面时，模型数据仍保留之前的答题状态。
2. 若测验页面的State未被销毁（比如通过Navigator.pop返回而非重新创建实例），页面自身的状态变量（_questionNumber、_score）也未同步重置。

1. 添加测验重置函数 #

在_QuizScreenState中新增重置函数，同时处理页面状态变量和模型数据的重置：

void _resetQuiz() {
  // 重置页面状态变量
  setState(() {
    _questionNumber = 1;
    _score = 0;
    _controller.jumpToPage(0);
  });
  // 重置所有题目的锁定状态与选中选项
  for (var question in questions) {
    question.isLocked = false;
    question.selectedOption = null;
  }
}

2. 页面初始化时触发重置 #

修改initState方法，调用重置函数，确保首次进入页面时状态归零：

@override
void initState() {
  _controller = PageController(initialPage: 0);
  _resetQuiz();
  super.initState();
}

3. 监听页面返回事件（可选） #

若使用Navigator.push打开结果页（而非pushReplacement），用户返回测验页面时State不会重新初始化，需通过didChangeDependencies监听页面激活状态，触发重置：

@override
void didChangeDependencies() {
  super.didChangeDependencies();
  final route = ModalRoute.of(context);
  if (route != null && route.isCurrent) {
    _resetQuiz();
  }
}

4. 优化导航逻辑（可选） #

原代码使用Navigator.pushReplacement会销毁测验页面实例，若需支持从结果页返回，建议改为Navigator.push：

// 替换原有pushReplacement代码
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => ResultScreen(score: _score),
  ),
);

修改后的完整核心代码片段 #

class _QuizScreenState extends State<QuizScreen> {
  int _questionNumber = 1;
  late PageController _controller;
  int _score = 0;

  @override
  void initState() {
    _controller = PageController(initialPage: 0);
    _resetQuiz();
    super.initState();
  }

  void _resetQuiz() {
    setState(() {
      _questionNumber = 1;
      _score = 0;
      _controller.jumpToPage(0);
    });
    for (var question in questions) {
      question.isLocked = false;
      question.selectedOption = null;
    }
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    final route = ModalRoute.of(context);
    if (route != null && route.isCurrent) {
      _resetQuiz();
    }
  }

  // 原有build方法、getColorForOption、getIconForOption等代码保持不变
}

修改完成后，无论首次进入测验页面，还是从结果页返回，都会重置所有题目状态与页面变量，PageView将回到初始状态，不会保留之前的勾选答案。

内容的提问来源于stack exchange，提问作者BrinaldyAlexis