retrieve stored shared preference value from another page with flutter_settings_screen

Question

im using this plugin flutter_settings_screen but cant figured out how to get a stored value from another page. im supposed to use Settings.getValue<bool>('key_wifi', false) to retrieve the key_wifi from "AppSettings" page

this is the full simple code i work on:

import 'package:draft/app_settings.dart';
import 'package:flutter/material.dart';
import 'package:flutter_settings_screens/flutter_settings_screens.dart';

final bool isWifiEnabled = Settings.getValue<bool>('key_wifi', false);

void main() {
  initSettings();
  runApp(MyApp());
}

void initSettings() {
  SharePreferenceCache spCache = SharePreferenceCache()
    ..init();
  Settings.init(cacheProvider: spCache);
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MyHomePage(title: 'Flutter Demo Home Page');
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key key, this.title}) : super(key: key);

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

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'App Settings Demo',
      theme: ThemeData.dark(),
      home: Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: Center(
          child: Column(
            children: <Widget>[
              isWifiEnabled? Text("Wifi is ON") : Text("Wifi is OFF"),
              RaisedButton(
                child: Text("Open Settings"),
                onPressed: () {
                  Navigator.push(context, MaterialPageRoute(
                builder: (context) => AppSettings()));
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class AppSettings extends StatefulWidget {
  @override
  _AppSettingsState createState() => _AppSettingsState();
}

String keywifi = 'keywifi';

class _AppSettingsState extends State<AppSettings> {

  final bool isWifiEnabled = Settings.getValue<bool>(keywifi, false);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: SettingsScreen(
        title: "Application Settings",
        children: [
          SettingsGroup(
            title: 'Single Choice Settings',
            children: <Widget>[
              SwitchSettingsTile(
                settingKey: 'key_wifi',
                title: 'Wi-Fi',
                enabledLabel: 'Enabled',
                disabledLabel: 'Disabled',
                leading: Icon(Icons.wifi),
                onChange: (value) {
                  debugPrint('keywifi: $value');
                },
              ),
            ],
          ),
        ],
      ),
    );
  }
}

Answer 1

You can copy paste run full code below
Step 1: You need to await initSettings()
Step 2: You need to await spCache.init();

Future<void> initSettings() async {
      SharePreferenceCache spCache = SharePreferenceCache();
      await spCache.init();
      await Settings.init(cacheProvider: spCache);
    }

Step 3: Use Settings.getValue diretcly

Settings.getValue<bool>('key_wifi', false)
                ? Text("Wifi is ON")
                : Text("Wifi is OFF"),

Step 4: await Navigator.push and setState

onPressed: () async {
                await Navigator.push(context,
                    MaterialPageRoute(builder: (context) => AppSettings()));
                setState(() {});

Step 5: typo String keywifi = 'keywifi'; change 'keywifi' to 'key_wifi'

working demo

full code

//import 'package:draft/app_settings.dart';
import 'package:flutter/material.dart';
import 'package:flutter_settings_screens/flutter_settings_screens.dart';

//final bool isWifiEnabled = Settings.getValue<bool>('key_wifi', false) ?? false;

Future<void> main() async {
  await initSettings();

  runApp(MyApp());
}

Future<void> initSettings() async {
  SharePreferenceCache spCache = SharePreferenceCache();
  await spCache.init();
  await Settings.init(cacheProvider: spCache);
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'App Settings Demo',
        theme: ThemeData.dark(),
        home: MyHomePage(title: 'Flutter Demo Home Page'));
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key key, this.title}) : super(key: key);

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

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            Settings.getValue<bool>('key_wifi', false)
                ? Text("Wifi is ON")
                : Text("Wifi is OFF"),
            RaisedButton(
              child: Text("Open Settings"),
              onPressed: () async {
                await Navigator.push(context,
                    MaterialPageRoute(builder: (context) => AppSettings()));
                setState(() {});
              },
            ),
          ],
        ),
      ),
    );
  }
}

class AppSettings extends StatefulWidget {
  @override
  _AppSettingsState createState() => _AppSettingsState();
}

String keywifi = 'key_wifi';

class _AppSettingsState extends State<AppSettings> {
  final bool isWifiEnabled = Settings.getValue<bool>(keywifi, false);
  @override
  Widget build(BuildContext context) {
    return Container(
      child: SettingsScreen(
        title: "Application Settings",
        children: [
          SettingsGroup(
            title: 'Single Choice Settings',
            children: <Widget>[
              SwitchSettingsTile(
                settingKey: 'key_wifi',
                title: 'Wi-Fi',
                enabledLabel: 'Enabled',
                disabledLabel: 'Disabled',
                leading: Icon(Icons.wifi),
                onChange: (value) {
                  debugPrint('keywifi: $value');
                },
              ),
            ],
          ),
        ],
      ),
    );
  }
}