Flutter 切换开关和共享首选项

Question

我需要在我的应用中保存切换开关的状态并在开始时加载它。为此我使用SharedPreferences:

Future<bool> saveSwitchState(bool value) async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  prefs.setBool("switchState", value);
  return prefs.setBool("switchState", value);
}

Future<bool> getSwitchState() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  isSwitchedFT = prefs.getBool("switchState");
  print(isSwitchedFT);

  return isSwitchedFT;
}

每次更改切换值时都会运行 saveSwitchState()。

问题出在应用程序的开头。 我创建了一个布尔值：bool isSwitchedFT = false; 我用 false 初始化，因为 null 给了我错误。 我将如何设置isSwitchedFT = getSwitchState; isSwitchedFT 的值为空时，它会编译，但我的模拟器上出现红色错误：

'package:flutter/src/material/toggleable.dart': Failed assertion: line 45 pos 15: 'tristate || value
 != null': is not true.

当使用一个值编译时，开关可以正常工作并保存更改的值。

Switch(
  value: isSwitchedFT,
  onChanged: (bool value) {
    setState(() {
      isSwitchedFT = value;
      saveSwitchState(value);
      print('Saved state is $isSwitchedFT');
      //switch works
    });
    print(isSwitchedFT);
  },
  activeTrackColor: Color(0xFF1D1F33),
  activeColor: Colors.purple[500],
),

我想要的是用开关的最后一个值加载应用程序。 谢谢。

Answer 1

谢谢大家。暂时不能试用。 项目的结构组成：

• main.dart
• switch.dart
• jsonLogic.dart

main.dart 有 stateles 和 statefull 小部件。 在 statefull 小部件中，我调用 switch.dart 和 json 部分。

isSwitchedFT 的初始化发生在主文件中。 看起来它应该被带到 switch.dart 文件中 这是没有导入的完整 switch.dart 文件：

class SwitchIt extends StatefulWidget {
  @override
  _SwitchItState createState() => _SwitchItState();
}

class _SwitchItState extends State<SwitchIt> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Switch(
          value: isSwitchedFT,
          onChanged: (bool value) {
            setState(() {
              isSwitchedFT = value;
              saveSwitchState(value);
              print('Saved state is $isSwitchedFT');

              //switch works
            });
            print(isSwitchedFT);
          },
          activeTrackColor: Color(0xFF1D1F33),
          activeColor: Colors.purple[500],
        ),
      ],
    );
  }

Future<bool> saveSwitchState(bool value) async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  prefs.setBool("switchState", value);
  return prefs.setBool("switchState", value);
}

Future<bool> getSwitchState() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  isSwitchedFT = prefs.getBool("switchState");
  print(isSwitchedFT);
  return isSwitchedFT;
}

也许解决方案已经发布。现在查不出来。但想法是将 isSwitchedFT 引入 switch.dart 并使用 initState() 从 shared_preferences 中设置其值。

Answer 2

您需要做的是加载 SharedPreferences 并将您的 isSwitchedFT 设置为 init 状态。但是因为你需要一个 async 和 await，你需要在一个单独的方法上执行它（我还建议你只实例化 SharedPreferences 一次，然后像我在下面所做的那样重新使用它）：

SharedPreferences prefs;

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

void loadSharedPreferencesAndSwitchState() async {
  prefs = await SharedPreferences.getInstance();
  isSwitchedFT = prefs.getBool("switchState");
}

Answer 3

检查此代码以获取示例

class _MyAppState extends State<MyApp> {
  bool isSwitchedFT = false;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    getSwitchValues();
  }

  getSwitchValues() async {
    isSwitchedFT = await getSwitchState();
    setState(() {});
  }

  Future<bool> saveSwitchState(bool value) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    prefs.setBool("switchState", value);
    print('Switch Value saved $value');
    return prefs.setBool("switchState", value);
  }

  Future<bool> getSwitchState() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    bool isSwitchedFT = prefs.getBool("switchState");
    print(isSwitchedFT);

    return isSwitchedFT;
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          child: Center(
            child: Switch(
              value: isSwitchedFT,
              onChanged: (bool value) {
                setState(() {
                  isSwitchedFT = value;
                  saveSwitchState(value);
                  print('Saved state is $isSwitchedFT');
                  //switch works
                });
                print(isSwitchedFT);
              },
              activeTrackColor: Color(0xFF1D1F33),
              activeColor: Colors.purple[500],
            ),
          ),
        ),
      ),
    );
  }
}