Flutter Web 方向性意外的空值

Question

我正在使用 flutter web。我正在使用 GetX 包来管理我的状态和导航。当应用程序启动时，一切正常，我可以毫无问题地导航到其他页面。

问题是当我在我的 chrome 浏览器上按下重新加载时应用程序中断我收到此错误。

[GETX] Instance "GetMaterialController" has been created
[GETX] Instance "GetMaterialController" has been initialized

════════ Exception caught by widgets library ═══════════════════════════════════
The following TypeErrorImpl was thrown building Directionality(textDirection: ltr):
Unexpected null value.

The relevant error-causing widget was
Directionality
../…/root/get_material_app.dart:328

GetMaterialApp 代码:

GetMaterialApp(
      title: 'My Web App',
      debugShowCheckedModeBanner: false,
      textDirection: TextDirection.ltr,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: SignIn.routeName,
      getPages: [
        GetPage(
          name: Home.routeName,
          page: () => const Home(),
          middlewares: [AuthMiddleware()],
        ),
        GetPage(
          name: SignIn.routeName,
          page: () => SignIn(),
          middlewares: [AuthMiddleware()],
        ),
        GetPage(
          name: SignUp.routeName,
          page: () => SignUp(),
          middlewares: [AuthMiddleware()],
        ),
      ],
    );

我什至添加了 textDirection: TextDirection.ltr。首次运行该应用程序时没有出现任何类型的错误。单击重新加载后应用程序中断。

Answer 1

我想我的设置与您相似。我正在使用 GetX 进行路由管理。

• 我在登录页面中使用 static const String routeName = '/_login_page'; 字段。

这是我的 GetMaterialApp 方法:

return GetMaterialApp(

  debugShowCheckedModeBanner: false,
  textDirection: TextDirection.ltr,
  theme: ThemeData(
    primarySwatch: Colors.blue,
  ),

  initialRoute: LoginPage.routeName,

  getPages: [
    GetPage(
      name: LoginPage.routeName,
      page: () => const LoginPage(),
    ),
  ],
);

如果我在应用程序运行时更改登录页面中路由字段的值并重新加载浏览器，它会始终为我抛出该错误。如果我然后停止我的项目并重新运行它，我的工作正常。我怀疑 routeName 字段正在被缓存，并且在运行时更改时，它不再匹配。

解决方案:如果您重命名您的 routeName 字段，请停止然后重新运行您的项目。