dart - 如何在 Bloc Pattern 中使用 SharedPreferences？

Question

我正在尝试在我的应用程序中使用 bloc 模式的共享首选项。以下是我的代码

class PrefsStats {
  final bool isMale;
  final String name;
  final int age;

  PrefsStats(this.isMale, this.name, this.age);
}

class PrefsBloc {

  final _changePrefernce = BehaviorSubject<PrefsStats>();
  Function(PrefsStats) get changePrefs => _changePrefernce.sink.add;
  Stream<PrefsStats> get prefrence => _changePrefernce.stream;
  SharedPreferences sPrefs;

  dispose(){
    _changePrefernce?.close();
  }

  PrefsBloc(){
    _loadSharedPreferences();
  }

  Future<void> _loadSharedPreferences() async {
    sPrefs = await SharedPreferences.getInstance();
    final namePref = sPrefs.getString("name") ?? "";
    final malePref = sPrefs.getBool("male") ?? false;
    final agePref = sPrefs.getInt("age") ?? 0;
    _changePrefernce.add(PrefsStats(malePref,namePref,agePref));
  }



}

final prefsBloc = PrefsBloc();

我只想使用一个按钮插入数据并使用 SharedPreferences 中的另一个按钮获取数据

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
            child: Column(
          children: <Widget>[
            SizedBox(
              height: 20,
            ),
            RaisedButton(
              onPressed: () {
                prefsBloc.changePrefs(PrefsStats(true, "argo", 21));
              },
              child: Text("Insert Data"),
            ),
            SizedBox(
              height: 20,
            ),
            RaisedButton(
              onPressed: () {
              prefsBloc.prefrence.forEach((data){
                print(data.name);
              });
              },
              child: Text("Get Data"),
            ),
            SizedBox(
              height: 20,
            ),
          ],
        )),
      ),
    );
  }

  @override
  void dispose() {
    prefsBloc?.dispose();
    super.dispose();
  }
}

每当我关闭我的应用程序并再次重新打开它并在开始时单击获取数据按钮时，甚至在插入数据之前，我都会获得默认值。我知道我在设置值时没有分配键，这导致了如何使用 bloc 共享首选项的困惑。另一个问题是每当我设置数据时，获取数据按钮中的代码甚至在按下我无法理解的获取数据之前就会被调用。

Answer 1

您的代码中有两个地方必须修复。首先，在您的 BloC 类中，无论何时添加接收器，您的流都必须监听，

.
.
.
PrefsBloc(){
_loadSharedPreferences();
_changePrefernce.stream.listen(_newFunction);

}

void _newFunction(PrefsStats stats){
   if (states != null) {
      if (sPrefs != null) {
         sPrefs.setString("name", states.name);
         sPrefs.setInt("age", states.age);
         sPrefs.setBool("male", states.isMale);
         sPrefs.commit();
      }
   }
}

第二名是在 _MyAppState 类中，在构建函数中你必须用 StreamBuilder 包装 Scaffold，

      class _MyHomePageState extends State<MyHomePage> {
        String textAge = "";
        @override
        Widget build(BuildContext context) {
          return MaterialApp(
              home: StreamBuilder(
            stream: prefsBloc.prefrence,
            builder: (context, AsyncSnapshot<PrefsStats> snapshot) {
              return Scaffold(
                body: SafeArea(
                    child: Column(
                  children: <Widget>[
                    Text((snapshot.data != null) ? snapshot.data.name : ""),
                    SizedBox(
                      height: 20,
                    ),
                    RaisedButton(
                      onPressed: () {
                        prefsBloc.changePrefs(PrefsStats(
                          true,
                          textAge.toString(),
                          21,
                        ));
                      },
                      child: Text("Insert Data"),
                    ),
                    TextFormField(
                      initialValue: (snapshot.data != null) ? snapshot.data.name : "",
                      onFieldSubmitted: (value) {
                        textAge = value;
                      },
                    ),
                    Text(textAge),
                    SizedBox(
                      height: 20,
                    ),
                    RaisedButton(
                      onPressed: () {
                        prefsBloc.prefrence.forEach((data) {
                          print(data.name);
                          setState(() {
                            textAge = data.name;
                          });
                        });
                      },
                      child: Text("Get Data"),
                    ),
                    SizedBox(
                      height: 20,
                    ),
                  ],
                )),
              );
            },
          ));
        }