Flutter:从其他页面访问存储的Sharedpreference值

Question

我在page1.dart中冒了一个vlaue,我想从page2.dart或page3.dart访问存储的值,我怎么能实现这个？

Answer 1

Flutter共享首选项实际上是作为内存缓存实现的.第一次调用SharedPreferences.getInstance()所有当前值时,将从NSUserDefaults(在iOS上)和SharedPreferences(在Android上)中读取并缓存在内存中.这涉及渠道,因此是异步的.Future返回一个包装此缓存的单例类.对getInstance的任何后续调用都会返回此单例类.

从共享首选项中获取值时,只需从内存缓存中获取该值.设置值时,会立即更新缓存并启动异步方法将其写回操作系统.(您可以等待确认完成,但您不必这样做.)请注意,来自和来自缓存的读取和写入是同步的,因此您可以立即访问该缓存的设置.(可能需要一段时间才能到达操作系统,因此内存缓存不能保证与设备首选项匹配,但这只应在错误条件下发生.)

这很有趣的原因是,一旦得到结果,SharedPreferences.getInstance()您可以同步读取和写入值.由于实例是单例,因此保留它的副本似乎是合理的.特别是,您可以使主异步并在那里获取它.

SharedPreferences sp;

void main() async {
  sp = await SharedPreferences.getInstance();
  runApp(new MyApp());
}

这允许您在sp整个代码中引用:

  onPressed: () {
    sp.setString('abc', 'def');
  },

知道内存缓存是一致的.特别是,在一个页面中设置的任何值都可以在导航后的另一个页面中获得.

说了这么多,你应该把你存储的首选项想象成你所在状态的一部分,这恰好在启动时被初始化,并且设置它会触发后台任务以自动保留它.然后,您可以按照与其他状态相同的方式处理首选项,但是您正在执行此操作(InheritedWidget + controller,Redux,Streams等).

Answer 2

首先，您需要为共享首选项功能创建自定义类。所以你可以从任何页面访问它。

import 'package:shared_preferences/shared_preferences.dart';
 
class MySharedPreferences {
  MySharedPreferences._privateConstructor();
 
  static final MySharedPreferences instance =
      MySharedPreferences._privateConstructor();
 
  setStringValue(String key, String value) async {
    SharedPreferences myPrefs = await SharedPreferences.getInstance();
    myPrefs.setString(key, value);
  }
 
  Future<String> getStringValue(String key) async {
    SharedPreferences myPrefs = await SharedPreferences.getInstance();
    return myPrefs.getString(key) ?? "";
  }
 
  Future<bool> containsKey(String key) async {
    SharedPreferences myPrefs = await SharedPreferences.getInstance();
    return myPrefs.containsKey(key);
  }
 
  removeValue(String key) async {
    SharedPreferences myPrefs = await SharedPreferences.getInstance();
    return myPrefs.remove(key);
  }
 
  removeAll() async{
    SharedPreferences myPrefs = await SharedPreferences.getInstance();
    return myPrefs.clear();
  }
 
}

商店价值：

 MySharedPreferences.instance.setStringValue("key", value);

获取价值：

MySharedPreferences.instance
        .getStringValue("key")
        .then((value) => setState(() {
              val result = value;
            }));

更多参考：Flutter Shared Preferences Tutorial

Answer 3

我在第一个屏幕中存储了一个字符串，然后通过以下代码从第二个屏幕中检索了存储的值

第1页：

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:trial/class2.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _email = '';

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

  _loadCounter() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      _email = (prefs.getString('email') ?? '');
    });
  }

  _incrementCounter() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      _email = "a@gmail.com";
    });
    prefs.setString('email', _email);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("title"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              '$_email',
            ),
            new RaisedButton(
              child: new Text("next2"),
              onPressed: () {
                Navigator.push(context,
                    new MaterialPageRoute(builder: (context) => new Next()));
              },
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        child: Icon(Icons.add),
      ),
    );
  }
}

第2页：

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
String _email='';
class Next extends StatefulWidget {
  @override
  _NextState createState() => _NextState();
}

class _NextState extends State<Next> {
    @override
  void initState() {
    super.initState();
    _loadCounter();
  }

  _loadCounter() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      _email = (prefs.getString('email')??'');
    });
  }
  @override
  Widget build(BuildContext context) {

    return Container(
      child: new Text("read value from sharepreference is:"+_email),
    );
  }
}