在Flutter中，路由不起作用。

huangapple
go评论107阅读模式
英文:

Routing in flutter doesn't work correctly

问题

以下是您提供的代码的中文翻译：

  1. 在Flutter中路由功能不正常
  3. 这是我的`routes.dart`代码：
  5. ```dart
  6. import 'package:flutter/material.dart';
  7. import '../screens/homeScreen.dart';
  8. import '../screens/login_screen.dart';
  9. import '../screens/registration_screen.dart';
  11. class AppRoutes {
  12.   static const String home = '/';
  13.   static const String registration = '/registration';
  14.   static const String homeScreen = '/homeScreen';
  15.   
  16.   static final Map<String, WidgetBuilder> routes = {
  17.     AppRoutes.home: (context) => const RegistrationScreen(),
  18.     AppRoutes.homeScreen: (context) => const HomeScreen(),
  19.     AppRoutes.registration: (context) => const RegistrationScreen(),
  20.   };
  21. }

当单击登录按钮时，我调用了如下的pushNamed：

  1. onSubmitAnimationCompleted: () {
  2.   Navigator.pushNamed(context, AppRoutes.homeScreen);
  3. }
  1. [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] 未处理的异常：在_WidgetsAppState中找不到路由RouteSettings("/homefeed", null)的生成器。E/flutter ( 4592): 请确保您的根应用程序小部件提供了生成此路由的方法。E/flutter ( 4592): 路由的生成器按以下顺序搜索：E/flutter ( 4592):  1. 对于"/"路由，如果不为空，则使用"home"属性。E/flutter ( 4592):  2. 否则，使用"routes"表，如果它对路由有条目。E/flutter ( 4592):  3. 否则，将调用onGenerateRoute。它应该为任何有效的路由返回非空值，而不由"home"和"routes"处理。E/flutter ( 4592):  4. 最后，如果一切都失败，则调用onUnknownRoute。E/flutter ( 4592): 不幸的是，未设置onUnknownRoute。

除了主页路由，我为每个路由都分配了，但是所有其他路由都不起作用，都会出现上述错误。

这是我的main.dart：

  1. import 'package:flutter/material.dart';
  2. import 'login_screen.dart';
  4. void main() {
  5.   runApp(const MyApp());
  6. }
  8. class MyApp extends StatelessWidget {
  9.   const MyApp({Key? key});
  11.   @override
  12.   Widget build(BuildContext context) {
  13.     final theme = ThemeData(
  14.       unselectedWidgetColor: const Color.fromARGB(255, 165, 160, 160),
  15.       textTheme: const TextTheme(
  16.         displaySmall: TextStyle(
  17.           fontFamily: 'OpenSans',
  18.           fontSize: 45.0,
  19.           color: Color.fromARGB(255, 255, 255, 255),
  20.         ),
  21.         labelLarge: TextStyle(
  22.           fontFamily: 'OpenSans',
  23.           fontWeight: FontWeight.bold,
  24.           fontStyle: FontStyle.italic,
  25.           color: Colors.white,
  26.         ),
  27.         titleMedium: TextStyle(
  28.           fontFamily: 'NotoSans',
  29.           color: Colors.white,
  30.         ),
  31.         bodyMedium: TextStyle(
  32.           fontFamily: 'NotoSans',
  33.           color: Colors.white,
  34.         ),
  35.       ),
  36.       colorScheme: ColorScheme.fromSwatch()
  37.           .copyWith(secondary: Colors.orange)
  38.           .copyWith(outline: const Color.fromARGB(255, 13, 158, 61))
  39.           .copyWith(background: const Color.fromARGB(255, 39, 38, 38))
  40.           .copyWith(primary: const Color.fromARGB(255, 13, 158, 61))
  41.           .copyWith(onPrimary: const Color.fromARGB(255, 254, 255, 255))
  42.           .copyWith(onSecondary: const Color.fromARGB(255, 15, 119, 55)),
  43.     );
  45.     return MaterialApp(
  46.       title: 'GoWild',
  47.       theme: theme,
  48.       home: const LoginScreen(),
  49.     );
  50.   }
  51. }
  2. 希望这可以帮助您解决路由问题。如果您有任何其他问题，请随时提出。
  4. <details>
  5. <summary>英文:</summary>
  7. Routes not functioning correctly in Flutter
  9. This is my `routes.dart` code:

import 'package:flutter/material.dart';
import 'package:gowild/Screens/homeScreen.dart';
import '../screens/login_screen.dart';
import '../screens/registration_screen.dart';
class AppRoutes {
static const String home = '/';
static const String registration = '/registration';
static const String homeScreen = '/homeScreen';
static final Map<String, WidgetBuilder> routes = {
AppRoutes.home: (context) => const RegistrationScreen(),
AppRoutes.homeScreen: (context) => const HomeScreen(),
AppRoutes.registration: (context) => const RegistrationScreen(),
};
}

  2. When the login button is clicked, I called pushNamed as shown below:
  4. `onSubmitAnimationCompleted: () {`
  5. `Navigator.pushNamed(context, AppRoutes.homeScreen);`
  6. `}`

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Could not find a generator for route RouteSettings("/homefeed", null) in the _WidgetsAppState.E/flutter ( 4592): Make sure your root app widget has provided a way to generateE/flutter ( 4592): this route.E/flutter ( 4592): Generators for routes are searched for in the following order:E/flutter ( 4592): 1. For the "/" route, the "home" property, if non-null, is used.E/flutter ( 4592): 2. Otherwise, the "routes" table is used, if it has an entry for the route.E/flutter ( 4592): 3. Otherwise, onGenerateRoute is called. It should return a non-null value for any valid route not handled by "home" and "routes".E/flutter ( 4592): 4. Finally if all else fails onUnknownRoute is called.E/flutter ( 4592): Unfortunately, onUnknownRoute was not set.

  2. This happens for every route I assigned except the home route. All other routes are not working and give the above error.
  4. I tried both types, calling `AppRoutes.homeScreen` and `&#39;/homeScreen&#39;`, but nothing works.
  6. here is my `main.dart` 
  8.     import &#39;package:flutter/material.dart&#39;;
  9.     import &#39;login_screen.dart&#39;;
  10.     
  11.     void main() {
  12.       runApp(const MyApp());
  13.     }
  14.     
  15.     class MyApp extends StatelessWidget {
  16.       const MyApp({super.key});
  17.     
  18.       @override
  19.       Widget build(BuildContext context) {
  20.         final theme = ThemeData(
  21.           unselectedWidgetColor: const Color.fromARGB(255, 165, 160, 160),
  22.           // brightness: Brightness.dark,
  23.           textTheme: const TextTheme(
  24.             displaySmall: TextStyle(
  25.               fontFamily: &#39;OpenSans&#39;,
  26.               fontSize: 45.0,
  27.               color: Color.fromARGB(255, 255, 255, 255),
  28.             ),
  29.             labelLarge: TextStyle(
  30.               fontFamily: &#39;OpenSans&#39;,
  31.               fontWeight: FontWeight.bold,
  32.               fontStyle: FontStyle.italic,
  33.               color: Colors.white,
  34.             ),
  35.             titleMedium: TextStyle(
  36.               fontFamily: &#39;NotoSans&#39;,
  37.               color: Colors.white,
  38.             ),
  39.             bodyMedium: TextStyle(
  40.               fontFamily: &#39;NotoSans&#39;,
  41.               color: Colors.white,
  42.             ),
  43.           ),
  44.           colorScheme: ColorScheme.fromSwatch()
  45.               // .copyWith(brightness: )
  46.               .copyWith(secondary: Colors.orange)
  47.               .copyWith(
  48.                   outline: const Color.fromARGB(255, 13, 158, 61)) //appbar color
  49.               .copyWith(
  50.                   background: const Color.fromARGB(
  51.                       255, 39, 38, 38)) //background color dont change
  52.               .copyWith(
  53.                   primary: const Color.fromARGB(255, 13, 158, 61)) //primary color
  54.               .copyWith(
  55.                   onPrimary: const Color.fromARGB(255, 254, 255, 255)) //text color
  56.               .copyWith(onSecondary: const Color.fromARGB(255, 15, 119, 55)),
  57.         );
  58.     
  59.         return MaterialApp(
  60.           title: &#39;GoWild&#39;,
  61.           theme: theme,
  62.           home: const LoginScreen(),
  63.         );
  64.       }
  65.     }
  69. </details>
  72. # 答案1
  73. **得分**: 1
  75. Your MaterialApp需要有路由或onGenerator路由输入来识别命名路由。
  77. 返回 MaterialApp(
  78.   title: 'GoWild',
  79.   theme: theme,
  80.   home: const LoginScreen(),
  81.   routes: <String, WidgetBuilder>{
  82.     AppRoutes.home: (context) => const RegistrationScreen(),
  83.     AppRoutes.homeScreen: (context) => const HomeScreen(),
  84.     AppRoutes.registration: (context) => const RegistrationScreen(),
  85.   },
  86. );
  88. <details>
  89. <summary>英文:</summary>
  91. Your materialApp needs to have routes or onGenerator route input to recognize named routes.
  92.     
  93.     return MaterialApp(
  94.       title: &#39;GoWild&#39;,
  95.       theme: theme,
  96.       home: const LoginScreen(),
  97.       routes: &lt;String, WidgetBuilder&gt;{
  98.         AppRoutes.home: (context) =&gt; const RegistrationScreen(),
  99.         AppRoutes.homeScreen: (context) =&gt; const HomeScreen(),
  100.         AppRoutes.registration: (context) =&gt; const RegistrationScreen(),
  101.       },
  102.     );
  104. </details>

huangapple
  • 本文由 发表于 2023年5月29日 23:58:07
  • 转载请务必保留本文链接：https://go.coder-hub.com/76358747.html
  • flutter
  • flutter-routes
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定