时间戳

首页 > 解决方案 > 使用提供程序包，如何管理在同一页面中调用 tow 方法的单个 bool

flutter - 使用提供程序包，如何管理在同一页面中调用 tow 方法的单个 bool

问题描述

我有登录屏幕，其中有 2 个按钮。

  • 登录
  • 脸书登入

我正在使用 Provider 包来管理应用程序状态。下面是登录块。

class LoginBloc with ChangeNotifier {
  bool _isAPICalling = false;

  bool get isAPICalling => _isAPICalling;

  apiCallingStatus(bool isCall) {
    _isAPICalling = isCall;
    notifyListeners();
  }



  Future<LoginResponseModel> callLoginApi(LoginReqModel _loginReqModel) =>
      locator<LoginService>().login(_loginReqModel);

  Future<LoginResponseModel> callFBLoginApi(SocialUser _loginReqModel) =>
      locator<LoginService>().fbLogin(_loginReqModel);

}

我正在使用isAPICalling在登录屏幕中管理加载程序。

下面是两个按钮的代码简单登录和fb登录。

Widget _loginBtn(LoginBloc _bloc) {
    return RoundButtonWidget(
      label: Translations.of(context).text('login'),
      isAPICalling: _bloc.isAPICalling,
      buttonTap: () {
        Utils.hideKeyboard(context);
        _globalFormKey.currentState.save();

        if (_checkValidation()) {          
          _bloc.apiCallingStatus(true);
          _bloc.callLoginApi(_loginReqModel).then((result) async {
            _bloc.apiCallingStatus(false);
            if (result.success == 1) {
              Navigator.pushReplacement(
                  context, MaterialPageRoute(builder: (context) => HomePage()));
            } else {
              Utils.openAlertDialog(result.message, context);
            }
          });
        }
      },
    );
  }

   Widget _facebookBtn(LoginBloc _bloc) {
        return RoundButtonWidget(
          label: Translations.of(context).text('login'),
          isAPICalling: _bloc.isAPICalling,
          buttonTap: () {
            Utils.hideKeyboard(context);
            _globalFormKey.currentState.save();

            if (_checkValidation()) {          
              _bloc.apiCallingStatus(true);
              _bloc.callFBLoginApi(_loginReqModel).then((result) async {
                _bloc.apiCallingStatus(false);
                if (result.success == 1) {
                  Navigator.pushReplacement(
                      context, MaterialPageRoute(builder: (context) => HomePage()));
                } else {
                  Utils.openAlertDialog(result.message, context);
                }
              });
            }
          },
        );
      }

这里的问题是，当我单击任何按钮时，都会显示两个按钮加载器。如何管理状态，以便加载程序仅显示可点击按钮？

标签： flutterdartprovider

解决方案

我们无法通过使用 single 来实现它bool。您可以使用可以设置“FB”/“simple_login”String的每个按钮的位置来管理它，请看下面

这是一个带有字符串的示例_bloc.isAPICalling == 'FB'

Widget _facebookBtn(LoginBloc _bloc) {
        return RoundButtonWidget(
          label: Translations.of(context).text('login'),
          isAPICalling: _bloc.isAPICalling == 'FB',
          buttonTap: () {
            Utils.hideKeyboard(context);
            _globalFormKey.currentState.save();

            if (_checkValidation()) {          
              _bloc.apiCallingStatus(true);
              _bloc.callFBLoginApi(_loginReqModel).then((result) async {
                _bloc.apiCallingStatus(false);
                if (result.success == 1) {
                  Navigator.pushReplacement(
                      context, MaterialPageRoute(builder: (context) => HomePage()));
                } else {
                  Utils.openAlertDialog(result.message, context);
                }
              });
            }
          },
        );
      }

推荐阅读