即使状态正在更新，setState 也不会更新 UI

Question

我正在尝试等待放大配置完成，然后加载登录屏幕。即使状态似乎正在更新，我仍然会收到加载屏幕。这是为什么呢？

我不确定 setState 是否是 init 的正确方法：Importance of Calling SetState inside initState

根据文档：https://docs.amplify.aws/start/getting-started/integrate/q/integration/flutter/#configure-amplify

Future<void> main() async {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool _isAmplifyConfigured = false;
  late AmplifyAuthCognito auth;

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

  Future<void> _initializeApp() async {
    await _configureAmplify();
    setState(() {
      _isAmplifyConfigured = true;
    });
  }

  Future<void> _configureAmplify() async {
    auth = AmplifyAuthCognito();
    try {
      await Amplify.addPlugin(auth);
      await Amplify.configure(amplifyconfig);
    } on AmplifyAlreadyConfiguredException {
      print(
          'Amplify was already configured. Looks like app restarted on android.');
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      onGenerateRoute: AppRoutes.onGenerateRoute,
      initialRoute: _isAmplifyConfigured
          ? LoginScreen.routeName
          : LoadingScreen.routeName,
    );
  }
}

Answer 1

我认为问题在于您尝试重新分配您的 initialRoute。我对这个属性不是很熟悉，但是给定这个名字，我假设它被设置一次并且不会重建，即使状态发生变化也是如此。这也是有道理的，因为您的其余代码听起来应该可以工作。

在尝试其他任何操作之前，我建议您将逻辑初始化为 LoginScreen，并使其 body 取决于 _isAmplifyConfigured 布尔值。因此，如果它为假则显示微调器，并在它为真时显示登录字段。

最好创建一个HomeScreen，这样您就可以将这个 Amplify 初始化保留在应用程序堆栈的底部。然后让您的HomeScreen 显示登录小部件、应用的主屏幕或加载状态。