'package:flutter/src/widgets/will_pop_scope.dart':断言失败:第 135 行第 12 行:'_route == ModalRoute.of(context)':不是真的
'package:flutter/src/widgets/will_pop_scope.dart': Failed assertion: line 135 pos 12: '_route == ModalRoute.of(context)': is not true
我正在使用 Getx 状态管理。
我有一个登录屏幕及其 GetxController。在那个 GetxController 中,我定义了一个像这样的 FormKey final formKey = GlobalKey<FormState>();
当我使用此 Get.offAllNamed(Routes.loginScreen);
从任何其他屏幕直接导航回登录屏幕(用于注销)时,我遇到了这个问题。
我试过flutter clean
,但没有用。
我似乎找不到解决方法。
如果有人能找到解决方案,那将是一个很大的帮助。
he following assertion was thrown building Form-[LabeledGlobalKey<FormState>#f1349](state: FormState#45516):
'package:flutter/src/widgets/will_pop_scope.dart': Failed assertion: line 135 pos 12: '_route == ModalRoute.of(context)': is not true.
2
Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
https://github.com/flutter/flutter/issues/new?template=2_bug.md
The relevant error-causing widget was
Form-[LabeledGlobalKey<FormState>#f1349]
lib\…\login_screen\login_screen.dart:40
When the exception was thrown, this was the stack
#2 _WillPopScopeState.didUpdateWidget
package:flutter/…/widgets/will_pop_scope.dart:135
#3 StatefulElement.update
package:flutter/…/widgets/framework.dart:4682
#4 Element.updateChild
package:flutter/…/widgets/framework.dart:3293
#5 ComponentElement.performRebuild
package:flutter/…/widgets/framework.dart:4520
#6 StatefulElement.performRebuild
package:flutter/…/widgets/framework.dart:4667
登录屏幕
class LoginScreen extends StatelessWidget {
final controller = Get.find<AuthController>();
@override
Widget build(BuildContext context) {
return Column(
children: [
Form(
key: controller.formKey,
child: Column(
children: [
TextFormField(
controller: controller.phoneController,
keyboardType: TextInputType.phone,
style: TextStyles.black14,
decoration: InputDecoration(
hintText: 'Phone Number',
hintStyle: TextStyles.hintStyle14,),
validator: (value) {
print(value);
if (value.length != 10) {
return 'Invalid phone number';
}
return null;
},
),
TextButton(
onPressed: () {
controller.login();
},
child: Text('Login'))
],
);
}
}
控制器
import 'package:app/routing/routes.dart';
import 'package:app/utilities/shared_prefs.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
class AuthController extends GetxController {
//Handling loading state
bool loading = false;
final formKey = GlobalKey<FormState>();
login() async {
if (!formKey.currentState.validate()) return;
loading = true;
update();
//API CALL
}
//Sign out user
signOut() async {
SharedPrefs().clear();
Get.offAllNamed(Routes.loginScreen);
}
}
这是流程。
登录屏幕 --> 主屏幕 --> 其他屏幕
从 OtherScreen 调用 controller.signOut()
导致此错误
如果尝试重置全局密钥,就会发生这种情况。
要解决此问题,您可以将 GlobalKey 和 TextEditingController 移动到页面本身,而不是在控制器中声明它们。
class LoginScreen extends StatelessWidget {
final formKey = GlobalKey<FormState>();
TextEditingController phoneController = TextEditingController();
final controller = Get.find<AuthController>();
@override
Widget build(BuildContext context) {
return Column(
children: [
Form(
key:formKey,
child: Column(
children: [
TextFormField(
controller:phoneController,
keyboardType: TextInputType.phone,
style: TextStyles.black14,
decoration: InputDecoration(
hintText: 'Phone Number',
hintStyle: TextStyles.hintStyle14,),
validator: (value) {
print(value);
if (value.length != 10) {
return 'Invalid phone number';
}
return null;
},
),
TextButton(
onPressed: () {
//Validate here
if (!formKey.currentState!.validate()) return;
controller.login();
},
child: Text('Login'))
],
);
}
}
我正在使用 Getx 状态管理。
我有一个登录屏幕及其 GetxController。在那个 GetxController 中,我定义了一个像这样的 FormKey final formKey = GlobalKey<FormState>();
当我使用此 Get.offAllNamed(Routes.loginScreen);
从任何其他屏幕直接导航回登录屏幕(用于注销)时,我遇到了这个问题。
我试过flutter clean
,但没有用。
我似乎找不到解决方法。
如果有人能找到解决方案,那将是一个很大的帮助。
he following assertion was thrown building Form-[LabeledGlobalKey<FormState>#f1349](state: FormState#45516):
'package:flutter/src/widgets/will_pop_scope.dart': Failed assertion: line 135 pos 12: '_route == ModalRoute.of(context)': is not true.
2
Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
https://github.com/flutter/flutter/issues/new?template=2_bug.md
The relevant error-causing widget was
Form-[LabeledGlobalKey<FormState>#f1349]
lib\…\login_screen\login_screen.dart:40
When the exception was thrown, this was the stack
#2 _WillPopScopeState.didUpdateWidget
package:flutter/…/widgets/will_pop_scope.dart:135
#3 StatefulElement.update
package:flutter/…/widgets/framework.dart:4682
#4 Element.updateChild
package:flutter/…/widgets/framework.dart:3293
#5 ComponentElement.performRebuild
package:flutter/…/widgets/framework.dart:4520
#6 StatefulElement.performRebuild
package:flutter/…/widgets/framework.dart:4667
登录屏幕
class LoginScreen extends StatelessWidget {
final controller = Get.find<AuthController>();
@override
Widget build(BuildContext context) {
return Column(
children: [
Form(
key: controller.formKey,
child: Column(
children: [
TextFormField(
controller: controller.phoneController,
keyboardType: TextInputType.phone,
style: TextStyles.black14,
decoration: InputDecoration(
hintText: 'Phone Number',
hintStyle: TextStyles.hintStyle14,),
validator: (value) {
print(value);
if (value.length != 10) {
return 'Invalid phone number';
}
return null;
},
),
TextButton(
onPressed: () {
controller.login();
},
child: Text('Login'))
],
);
}
}
控制器
import 'package:app/routing/routes.dart';
import 'package:app/utilities/shared_prefs.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
class AuthController extends GetxController {
//Handling loading state
bool loading = false;
final formKey = GlobalKey<FormState>();
login() async {
if (!formKey.currentState.validate()) return;
loading = true;
update();
//API CALL
}
//Sign out user
signOut() async {
SharedPrefs().clear();
Get.offAllNamed(Routes.loginScreen);
}
}
这是流程。 登录屏幕 --> 主屏幕 --> 其他屏幕
从 OtherScreen 调用 controller.signOut()
导致此错误
如果尝试重置全局密钥,就会发生这种情况。
要解决此问题,您可以将 GlobalKey 和 TextEditingController 移动到页面本身,而不是在控制器中声明它们。
class LoginScreen extends StatelessWidget {
final formKey = GlobalKey<FormState>();
TextEditingController phoneController = TextEditingController();
final controller = Get.find<AuthController>();
@override
Widget build(BuildContext context) {
return Column(
children: [
Form(
key:formKey,
child: Column(
children: [
TextFormField(
controller:phoneController,
keyboardType: TextInputType.phone,
style: TextStyles.black14,
decoration: InputDecoration(
hintText: 'Phone Number',
hintStyle: TextStyles.hintStyle14,),
validator: (value) {
print(value);
if (value.length != 10) {
return 'Invalid phone number';
}
return null;
},
),
TextButton(
onPressed: () {
//Validate here
if (!formKey.currentState!.validate()) return;
controller.login();
},
child: Text('Login'))
],
);
}
}