(DART/FLUTTER)从洗牌列表中提取一项，而无需再生列表

Question

我是flutter的新手，这是我自己的第一个应用程序项目，我无法完成一件事。

我想将列表供电，以便以随机顺序显示问题，但一次是一个问题，我不希望有任何重复。当我尝试这样做时，我每次都会再生一个新的洗牌列表，是否有任何方法可以一次生成一次，然后一次从中提取一个问题，而无需重复问题？

我有一个名为" _questionBankeasy"的列表，我想从我那里拉15个项目。我之所以使用它，是因为这似乎像我能找到的那样接近答案：list.shuffle((in Dart？

//inside question_bank.dart
import 'dart:math' as math;
//shuffled list
List<String> shuffle(List questionBankEasy) {
  var random = math.Random();
  for (var i = questionBankEasy.length - 1; i > 0; i--) {
    var n = random.nextInt(i + 1);
    var temp = questionBankEasy[i];
    questionBankEasy[i] = questionBankEasy[n];
    questionBankEasy[n] = temp;
  }
  return questionBankEasy;
}
int _questionNumber = 0;
//generates a shuffled list
String getQuestionTextEasy() {
    return shuffle(_questionBankEasy)[_questionNumber];
  }
// pulls next question
void nextQuestion() {
    if (selectedDifficulty == Difficulty.easy &&
        _questionNumber < _questionBankEasy.length - 1) {
      _questionNumber++;
      print(_questionNumber);
    }
//inside questionscreen_text.dart
class QuestionScreenText extends StatelessWidget {
  QuestionScreenText();
  @override
  Widget build(BuildContext context) {
    if (selectedDifficulty == Difficulty.easy) {
      return Text(
        QuizGenerator().getQuestionTextEasy(),
        style: kQuestionLable,
        textAlign: TextAlign.center,
      );
    }
//inside question_screen.dart
class QuestionScreen extends StatefulWidget {
  @override
  _QuestionScreenState createState() => _QuestionScreenState();
}
class _QuestionScreenState extends State<QuestionScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: kDarkGreyRed,
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(25.0),
            child: QuestionScreenText(),
            ),
          IconButton(
            padding: EdgeInsets.all(0),
            icon: Icon(Icons.close),
            iconSize: 100.0,
            color: kWhiteColour,
            disabledColor: Colors.transparent,
            highlightColor: Colors.transparent,
            splashColor: kPinkColour,
            onPressed: () {
              setState(() {
              QuizGenerator().nextQuestion();
            });
          },
        ),
      ]
    );
  }
}

我希望这能起作用，但是结果是，结果是代码从列表中拉出一个项目，但是当我按"下一个"按钮上调用 nextQuestion(( i有时会得到一个重复的问题。可以修复吗？

Answer 1

您可以在模拟器中运行的一个非常基本的示例。在代码中添加了评论，请阅读它们。

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
// List of questions from some data point
List<String> questions = [
  'Question 1',
  'Question 2',
  'Question 3',
  'Question 4',
  'Question 5',
  'Question 6',
  'Question 7',
  'Question 8',
  'Question 9',
  'Question 10',
  'Question 11',
  'Question 12',
  'Question 13',
];
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Page(),
    );
  }
}
class Page extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _PageState();
}
class _PageState extends State<Page> with SingleTickerProviderStateMixin {
  // Variables to hold questions list and current question
  List<String> _pageQuestions;
  String _currentQuestion;
  @override
  void initState() {
    // Initialize pageQuestions with a copy of initial question list
    _pageQuestions = questions;
    super.initState();
  }
  void _shuffleQuestions() {
    // Initialize an empty variable
    String question;
    // Check that there are still some questions left in the list
    if (_pageQuestions.isNotEmpty) {
      // Shuffle the list
      _pageQuestions.shuffle();
      // Take the last question from the list
      question = _pageQuestions.removeLast();
    }
    setState(() {
      // call set state to update the view
      _currentQuestion = question;
    });
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          padding: EdgeInsets.symmetric(horizontal: 20.0),
          child: ListView(
            shrinkWrap: true,
            primary: false,
            children: <Widget>[
              if (_pageQuestions.isNotEmpty && _currentQuestion == null)
                Text('Press the "NEXT QUESTION" button'),
              if (_pageQuestions.isEmpty) Text('No more questions left'),
              if (_pageQuestions.isNotEmpty && _currentQuestion != null)
                Text(
                    '${_currentQuestion} (Questions left: ${_pageQuestions.length})'),
              RaisedButton(
                onPressed: _shuffleQuestions,
                child: Text('NEXT QUESTION'),
              )
            ],
          ),
        ),
      ),
    );
  }
}