RangeError（索引）：无效值：不在包含范围 0..1:3 内

Question

我正在为像我这样的药剂师开发一个测验应用程序，以准备专业考试。我的应用没有返回任何错误，但我对模拟器上的错误感到惊讶。

这是我的 main.dart 文件：

import 'package:flutter/material.dart';
import 'package:quiz_app/question.dart';
import 'package:quiz_app/answer.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    var questions = ['What is your fav color?', 'What is your fav animal?'];

    var _questionIndex = 0;

    void _answerQuestion() {
      setState(() {
        _questionIndex = _questionIndex + 1;
      });
      print(_questionIndex);
    }

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Quiz App"),
        ),
        body: Column(
          children: [
            Question(_questionIndex + 1, questions[_questionIndex]),
            Answer(_answerQuestion),
            Answer(_answerQuestion),
            Answer(_answerQuestion),
          ],
        ),
      ),
    );
  }
}

这是我的 answer.dart 文件：

import 'package:flutter/material.dart';

class Answer extends StatelessWidget {
  final Function selectHandler;

  Answer(this.selectHandler);

  //const Answer({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      // ignore: deprecated_member_use
      child: RaisedButton(
        color: Colors.blue,
        child: Text('Answer 1'),
        onPressed: selectHandler(),
      ),
    );
  }
}

这是我的 question.dart 文件：

import 'package:flutter/material.dart';

class Question extends StatelessWidget {
  final questionNumber;
  final questionText;

  // Question(String question, {Key? key, required this.questionText})
  //     : super(key: key);

  Question(this.questionNumber, this.questionText);

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(10),
      width: double.infinity,
      child: Text(
        '${questionNumber.toString()}. $questionText',
        style: TextStyle(fontSize: 24),
        textAlign: TextAlign.center,
      ),
    );
  }
}

这是我的模拟器上的错误：

Answer 1

因此，罪魁祸首是列中的第一项 _MyAppState，Question(_questionIndex + 1, questions[_questionIndex]), 将其替换为 Question(_questionIndex, questions[_questionIndex]),。

我注意到的另一件可能最终导致意外行为的事情是，您如何在 build 方法中声明您希望更新其状态的字段。要解决此问题，请尝试将 MyAppState 的构建方法 (main.dart) 中的 return 语句之前的行移动到构建方法之外，如下所示：

class _MyAppState extends State<MyApp> {


List<String> questions = ['What is your fav color?', 'What is your fav animal?'];

int _questionIndex = 0;

void _answerQuestion() {
  setState(() {
    _questionIndex = _questionIndex + 1;
  });
  print(_questionIndex);
}

@override
Widget build(BuildContext context) {

return MaterialApp(
  home: Scaffold(
    appBar: AppBar(
      title: Text("Quiz App"),
    ),
    body: Column(
      children: [
        Question(_questionIndex, questions[_questionIndex]),
        Answer(_answerQuestion),
        Answer(_answerQuestion),
        Answer(_answerQuestion),
      ],
    ),
  ),
);}}

现在导致错误的另一件事是，questions 列表中的问题数量为 2，因此您应该在将 {{ 的值加 1 的位置添加一个检查1}} 在 _questionIndex 方法中，如下所示：

_answerQuestion()

Answer 2

错误：

RangeError (index): Invalid value: Not in inclusive range 0..1:3

告诉你有一个大小为 2 的列表，它在 0..1 的范围内。但是，您正尝试访问列表中不存在的索引为 3 的项目。因此产生了错误。

问题的根源在于，您的列表变量中只有两个问题：

var questions = ['What is your fav color?', 'What is your fav animal?'];

所以它在 0..1 范围内。

您正在尝试使用以下代码增加问题索引：

void _answerQuestion() {
  setState(() {
    _questionIndex = _questionIndex + 1;
  });
  print(_questionIndex);
}

这将超出您的 0..1 的 questions 范围。

要解决此问题，您需要将最大 questionIndex 限制为您的 questions 长度。像这样：

void _answerQuestion() {
  setState(() {
    if(_questionIndex == questions.length - 1) {
      questionIndex = 0; // start again from zero.
    } else {
      _questionIndex = _questionIndex + 1;
    }
  });
  print(_questionIndex);
}