function - 为什么在构建小部件之前，我的initState()不调用使用sharedprefs的函数？

Question

在我的flutter应用程序中，我试图创建一个单次/第一次屏幕，该屏幕显示首次下载该应用程序时的教程。我决定使用“共享首选项”来存储数据。但是，每当我运行该应用程序时，我都会得到失败的断言: bool(boolean) 表达式不能为空:那是由于我的代码中的变量_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

这里的实际问题是由于SharedPreferences API是异步的，因此，按预期方式，在加载prefs之前会触发build()方法。

将会:

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

有很多方法可以修复它，可以将其初始化为false，可以使用FutureBuilder，可以使用_isInitComplete标志等。

一个简单的解决方法是将其添加到构建的顶部:
if(_seen == null) return Container();
现在，将显示一个空 View ，显示4ms或Prefs完成加载所需的时间。这在功能上与使用FutureBuilder相同。不要忘记在setState()的末尾调用_checkFirstTime来触发刷新。