Question

我想向测验应用程序添加高分功能并使用共享首选项保留值。然后，如果他们单击登录页面上的图标，我想将其显示给用户。我看到了一个类似的问题，他们给出的共享首选项的代码示例如下所示：

获取：

  Future<void> getHighScore() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    _highscore = prefs.getInt('highScore') ?? 0;
  }

设置：

  Future<void> setHighScore() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    if (_score > _highscore) {
      _highscore = _score;
      await prefs.setInt('highScore', _highscore);
    }
  }

目前，我将每个测验的结果传递给ScorePage，如下所示：

if (quiz.length == questionNumber) {
              Navigator.of(context).pushAndRemoveUntil(new MaterialPageRoute(builder: (BuildContext context) => new ScorePage(quiz.score, quiz.length)), (Route route) => route == null);
              return;
            }

我理解。但是我很难显示存储值，也不能同时存储和显示值。

quiz.dart（我在其中设置高分）

import './question.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'dart:async';

class Quiz {
  List<Question> _questions;
  int _currentQuestionIndex = -1;
  int _score = 0;
  int _highScore; //new

  Quiz(this._questions) {
    _questions.shuffle();
  }

  List<Question> get questions => _questions;
  int get length => _questions.length;
  int get questionNumber => _currentQuestionIndex + 1;
  int get score => _score;

  Question get nextQuestion {
    _currentQuestionIndex++;
    if (_currentQuestionIndex >= length) return null;
    return _questions[_currentQuestionIndex];
  }

  void answer (bool isCorrect) {
    if (isCorrect) _score++;
  }

  Future<void> setHighScore() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    if (_score > _highScore) {
      _highScore = _score;
      await prefs.setInt('highScore', _highScore);
    }
  }
}

high_score_page.dart（我获得高分的地方）

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'landing_page.dart';

class HighScorePage extends StatefulWidget {

  @override
  _HighScorePageState createState() => _HighScorePageState();
}

class _HighScorePageState extends State<HighScorePage> {
  int _highScore;

  @override
  void initState() {
    super.initState();
    _loadHighScore();
  }

  _loadHighScore() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      _highScore = (prefs.getInt('highScore') ?? 0);
    });
  }

  @override
    Widget build(BuildContext context) {
      return new Material(
        color: Colors.blueAccent,
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[

            new Text("Your high score: ", style: new TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 50.0),),

我尝试过类似的事情：

new Text(_highScore.toString() // always returns 0
new Text(_loadHighScore() // returns type Future<dynamic> is not a subtype of 'String'
new Text('$_highScore' // always returns 0

我只能输出0或错误。

Answer 1

首先，我认为您不想在每次使用共享偏好时都声明一个共享偏好。

我在以下地址创建了一个模板来创建“简单的在线应用”：

https://github.com/lhcdims/fluttertemplate02

它的功能之一是如何使用SharedPreferences。

请。请注意GlobalVariable.dart类gv内的3个函数：Init（），getstring（），setstring（），以了解如何为所有get / set字符串定义函数。您可以编写自己的获取/设置整数。

，另请参阅main.dart内部的main（），以了解如何使用这些函数。

顺便说一句，迟早您会发现setstate（）对于所有类型的App都不是一个好的解决方案，您最终将使用BloC或Redux，该模板还演示了如何使用Redux。

使用共享首选项在Flutter中存储和检索整数值

1 个答案: