对话框 state 在 flutter 中重新启动（再次关闭和打开）后不会改变

Question

我在一个 StatelessWidget 中定义了一个按钮（这将具有 bloc 创建逻辑并使用 bloc 提供程序进行注入），单击该按钮时，我将显示一个对话框并将 bloc 实例传递给它，如代码所示。

//EsignBloc is defined here in parent statelessWidget. Defined i.e. creating the bloc instance and passing through the BlocProvider. Removed the code for simplicity


//This listener will be called when Button defined inside statelessWidget will be clicked. this is responsible for showing the dialog.
void _onClickHere(
    BuildContext context,
  ) {
    final dialog = Dialog(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(AppConstants.borderRadius),
      ),
      elevation: 0.0,
      backgroundColor: Colors.transparent,
      child: _GetSignUsingOtpView(),
    );

    showDialog(
      context: context,
      builder: (_) => BlocProvider<EsignBloc>(
        create: (_) => BlocProvider.of<EsignBloc>(context), // passing already created bloc to dialog
        child: WillPopScope(
          onWillPop: () => Future.value(false),
          child: dialog,
        ),
      ),
      barrierDismissible: false,
    );
  }

粘贴 _GetSignUsingOtpView() 的一些代码

class _GetSignUsingOtpView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<EsignBloc, EsignState>(builder: (context, state) {
      return Container(
        decoration: BoxDecoration(
          color: AppColor.white,
          borderRadius: BorderRadius.circular(
            AppConstants.borderRadius,
          ),
        ),
        child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                Align(
                  alignment: Alignment.centerRight,
                  child: InkWell(
                    onTap: () => _closeDialog(context),
                    child: Padding(
                      padding: const EdgeInsets.only(top: 8.0, right: 8),
                      child: Icon(
                        Icons.cancel,
                        color: AppColor.primaryDark,
                        size: SizeConfig.safeBlockVertical * 2,
                      ),
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(24),
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    crossAxisAlignment: CrossAxisAlignment.stretch,
                    children: [
                      PrimaryText(text: state.otp), // data does not change after closing and opeing dialog again 
                      PrimaryText(text: state.remainingTime), // data does not change after closing and opeing dialog again 
                    ],
                  ),
                ),
              ],
            ),
      );
    });
  }

  void _closeDialog(BuildContext context) {
    Navigator.pop(context);
  }
}

我面临的问题是每当对话框在关闭后再次打开时，它都不会显示来自该集团的最新数据。 该对话框仅显示该集团中的任何先前数据。 有人可以指出，我在哪里犯了错误？

Answer 1

您的对话框未显示新数据的原因是您正在创建一个新的 bloc 实例。 即使你说你不是。

BlocProvider<EsignBloc>(
  create: (_) => BlocProvider.of<EsignBloc>(context), // passing already created bloc to dialog
  child: ...

在某些情况下，BlocProvider 可用于为小部件树的新部分提供现有的cubit。 当需要为新路线提供现有肘部时，这将最常用。 在这种情况下，BlocProvider 将不会自动关闭 cubit，因为它没有创建它。

要不创建新实例，您需要使用BlocProvider.value 。 你可以在这里阅读更多关于它的信息

BlocProvider.value(
  value: BlocProvider.of<EsignBloc>(context),
  child: ...,
);

这不会创建一个新实例，而是使用前一个实例并将其提供给子小部件，并且在使用完成后不会关闭该块。 这对于对话框和导航很方便。