我有2个按钮的登录屏幕。
- 登录
- FB登录
我正在使用提供程序包来管理应用程序状态。下面是登录组。
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);
}
});
}
},
);
}
这里是,当我单击任何按钮时,将同时显示两个按钮的加载器。如何管理状态,以便加载程序仅显示可点击按钮?
我们无法通过使用单个bool
来实现。您可以使用String
对其进行管理,其中每个按钮都可以设置“ FB” /“ simple_login”,在下面查看
这里是字符串_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);
}
});
}
},
);
}