我已经尝试过的东西

Question

简而言之，问题是：如何重用整个小部件子树的状态？

这是我的代码当前的样子：

...
BlocBuilder<AuthBloc, AuthState>(
  builder: (context, state) {
    if (state is Authenticating) {
      return AppLoading();
    } else if (state is NotAuthenticated) {
      return AppOnboarding();
    } else if (state is Authenticated) {
      return AppMain();
    } else {
      return null;
    }
  }
),
...

这里没什么好想的，只要基础Bloc的状态发生变化，只要一个BlocBuilder重建其子代即可。

现在，以以下状态转换为例：NotAuthenticated => Authenticating => NotAuthenticated，因为输入的信息有问题。这将导致AppOnboarding（）小部件完全从头开始重建，而所有信息都将丢失。我该如何重用旧的AppOnboarding（）小部件中的状态，以使其看起来像从未重建过？

我已经尝试过的东西

我已经尝试为此使用GlobalKey，并将其传递给AppOnboarding小部件的key属性。这是我的代码：

_AuthenticatingState extends State<Authenticating> {
  GlobalKey<AppOnboardingState> _appOnboardingKey;

  @override
  initState() {
    super.initState();
    _appOnboardingKey = GlobalKey();
  }

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<...>(
      builder: (context, state) {
        ...
        if (state is NotAuthenticated) {
          return AppOnboarding(key: _appOnboardingKey);
        }
        ...
      }
    ),
  }
}

我有点惊讶，这没有用。全局键是否不维护整个Entry小部件-子树的状态？

Answer 1

颤振以每秒60帧的速度运行。该键告诉Flutter，某些小部件与最后一帧中的小部件相同。如果删除某些小部件，即使是单个帧，它也会处理该小部件（调用dispose方法并删除该小部件）。

换句话说，密钥不会“保存”任何状态供以后使用。

您有两个选择：

完全不要处置小部件。

builder: (context, state) {
    return Stack(children: [
    Offstage(child:AppLoading(), offstage: state is! Authenticating),
    Offstage(child:AppOnboarding()), offstage: state is! NotAuthenticated),
    Offstage(child:AppMain()), offstage: state is! Authenticated),
    ]) }
  }

保存该小部件状态，以便您以后可以使用相同的信息重建该小部件。

重建时来自StatefulWidget的抖动重用状态

我已经尝试过的东西

1 个答案: