我正在使用flutter web开发一个web应用程序。
每次刷新页面时,onAuthStateChanges都会被触发,并执行只有在身份验证状态发生变化时才应该触发的函数。
这种行为是故意的吗?
为了订阅onAuthStateChanges,我用一个有状态的小部件包装了我的主小部件,并听取了onAuthStateChanges,如下所示:当导航器弹出或推送被调用时触发Flutter Stream Builder
以下是我的代码:
我的包装:
/// Wrapper for stateful functionality to provide onInit calls in stateles widget
class StatefulWrapper extends StatefulWidget {
final Function onInit;
final Widget child;
const StatefulWrapper({@required this.onInit, @required this.child});
@override
_StatefulWrapperState createState() => _StatefulWrapperState();
}
class _StatefulWrapperState extends State<StatefulWrapper> {
@override
void initState() {
if (widget.onInit != null) {
widget.onInit();
}
super.initState();
}
@override
Widget build(BuildContext context) {
return widget.child;
}
}
我在main.dart中的小部件:
Widget build(BuildContext context) {
var router = MyRouter.Router();
var authenticationService = locator<AuthenticationService>();
var sharedPreferences = locator<SharedPreferencesService>();
return StatefulWrapper(
onInit: () {
authenticationService.listenToAuthChanges();
},
child: FutureBuilder(
future: sharedPreferences.getSharedPreferences('ruolo'),
builder: (context, snapshot) {
return MaterialApp(
builder: ExtendedNavigator<MyRouter.Router>(
initialRoute: MyRouter.Routes.startupView,
guards: [AuthGuard(), AdminGuard()],
router: router,
navigatorKey: locator<NavigationService>().navigatorKey,
),
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
onGenerateRoute: router.onGenerateRoute,
);
}),
);
}
以下是来自authenticationService的方法:
void listenToAuthChanges() {
FirebaseAuth.instance.authStateChanges().listen((firebaseUser) async {
if (firebaseUser == null) {
navigationService.navigateTo(Routes.login);
} else {
navigationService.replaceWith(Routes.home);
}
});
}
发生的情况是,当我在浏览器中刷新页面时,该函数的侦听器会被触发,如果我没有登录,它会导航到登录,否则会在主页上导航。
这是有意的吗?对我来说,听众只有在听到的内容发生变化时才应该开火
加载应用程序时,Firebase会检查用户的身份验证状态。在该过程开始时,is调用任何具有null值的活动身份验证状态侦听器。如果可以对用户进行身份验证,那么它将使用用户配置文件对象调用侦听器。
所以你所看到的确实在按预期工作。