Почему мой initState () не вызывает функцию, которая использует sharedprefs до сборки виджета?

Question

В моем приложении для флаттера я пытаюсь создать одноразовый экран, который показывает учебник при первой загрузке приложения. Я решил использовать Shared Preferences для хранения данных. Но всякий раз, когда я запускаю приложение, я получаю Неудачное утверждение: логическое выражение не должно быть нулевым : это связано с тем, что переменная _seen в моем коде не инициализируется, и когда я посмотрел дальше, я обнаружил, что что мой код инициализирует переменную после того, как она используется для создания виджета. Есть ли способ исправить это?

Мой код

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

class Start extends StatefulWidget 
{
  @override
  App createState() => new App();
}

class App extends State<Start>
{
  bool _seen;

  @override
  void initState() 
  {
    print(1);
    _checkFirstTime();
    super.initState();
  }

  _checkFirstTime() async 
  {
    print(1.1);
    SharedPreferences prefs = await SharedPreferences.getInstance();  
    _seen = (prefs.getBool('seen') ?? false);
    print(1.2);
  }  

  _updateFirstTime() async
  {
    SharedPreferences prefs = await SharedPreferences.getInstance();  
    _seen = true;
    prefs.setBool('seen', true);
  }

  Widget build(BuildContext context) 
  {
    print(2);
    bool seen = _seen;  
    if (_seen == false) {_updateFirstTime();}
    print(2.1);
    return MaterialApp( 
      debugShowCheckedModeBanner: false,
      home: seen ? HomeScreen() : SignUpScreen(),
    );
  } 
}

Answer 1

В этом случае вы можете использовать Future Builder. Вот пример

import 'package:flutter/material.dart';

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

class Start extends StatefulWidget {
  @override
  App createState() => new App();
}

class App extends State<Start> {
  bool _seen;

  @override
  void initState() {
    print(1);
    _checkFirstTime();
    super.initState();
  }

  Future<bool> _checkFirstTime() async {
    print(1.1);
    SharedPreferences prefs = await SharedPreferences.getInstance();
    _seen = (prefs.getBool('seen') ?? false);
    print(1.2);
    return _seen;
  }

  _updateFirstTime() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    _seen = true;
    prefs.setBool('seen', true);
  }

  Widget build(BuildContext context) {
    print(2.1);
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: FutureBuilder<bool>(
        future: _checkFirstTime(),
          builder: (BuildContext context, AsyncSnapshot<bool> snapshot) {
        if (snapshot.hasData) {

          if (_seen == false) {
            _updateFirstTime();
          }

          return snapshot.data ? HomeScreen() : SignUpScreen();
        } else {
          //you can put anything while retrieving data 
          return Container();
        }
      }),
    );
  }
}

Answer 2

Фактическая проблема здесь связана с асинхронностью API SharedPreferences, поэтому метод build () запускается до загрузки prefs, как и ожидалось.

Идет:

1. initState
2. _checkFirstTime (starts)
3. build 
4. _checkFirstTime (completes)

Есть много способов исправить это, вы можете инициализировать в false, вы можете использовать FutureBuilder, вы можете использовать флаг _isInitComplete и т. Д. c.

Простое исправление может быть просто добавить это вверху Ваша сборка:

if(_seen == null) return Container();

Теперь пустое представление будет отображаться для 4 мс или всего, что требуется для загрузки Prefs до sh. Это функционально так же, как использование FutureBuilder. Не забудьте позвонить setState() в конце _checkFirstTime, чтобы вызвать ссылку sh.

Answer 3

Вы можете скопировать вставить полный код ниже
Шаг 1: Вы можете поместить logi c checkFirstTime() в main()
Шаг 2: Чтобы использовать updateFirstTime() в build, вы можете использовать initialRoute чтобы избежать seen значение обновления причины SingupScreen() внезапно изменится на HomeScreen()

фрагмент кода

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  SharedPreferences prefs = await SharedPreferences.getInstance();
  seen = (prefs.getBool('seen') ?? false);

  runApp(MyApp());
}
...
initialRoute: seen == false || seen == null ? "/sign" : "/",
  routes: {
    '/': (context) => HomeScreen(
      title: "demo",
    ),
    "/sign": (context) => SignUpScreen(),

рабочая демонстрация

полный код

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

bool seen;

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  SharedPreferences prefs = await SharedPreferences.getInstance();
  seen = (prefs.getBool('seen') ?? false);

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: seen == false || seen == null ? "/sign" : "/",
      routes: {
        '/': (context) => HomeScreen(
          title: "demo",
        ),
        "/sign": (context) => SignUpScreen(),
      },
    );
  }
}

class SignUpScreen extends StatelessWidget {
  _updateFirstTime() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    seen = true;
    prefs.setBool('seen', true);
  }

  @override
  Widget build(BuildContext context) {
    if (seen == false) {
      _updateFirstTime();
    }
    return Text('SignUpScreen');
  }
}

class HomeScreen extends StatefulWidget {
  HomeScreen({Key key, this.title}) : super(key: key);

  final String title;

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

class _HomeScreenState extends State<HomeScreen> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}