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

Question

我正在尝试等到放大配置完成后再加载登录屏幕。尽管状态似乎正在更新，但我仍然在加载屏幕。这是为什么？

我不确定 setState 是否是 init 上的正确方法：

根据文档：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。我对这个属性不是很熟悉，但鉴于名称，我假设它只设置一次并且不会重建，即使状态发生变化也不会。这也很有意义，因为您的其余代码听起来应该可以工作。

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

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

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

setState is not updating the UI even though state is updating

flutter

aws-amplify

flutter-state