【Flutter】三十二、Flutter分离路由配置

最新推荐文章于 2024-04-23 02:34:57 发布

MAXLZ

最新推荐文章于 2024-04-23 02:34:57 发布

阅读量319

点赞数 1

分类专栏：【Flutter】学习记录文章标签： Flutter 路由分离路由

本文链接：https://blog.csdn.net/qq_33635385/article/details/102789162

版权

【Flutter】学习记录专栏收录该内容

46 篇文章 33 订阅

订阅专栏

上篇文章中的路由配置是直接配置在main.dart中，为了降低代码的耦合度，下面将路由配置分离出来。

Routes.dart

import 'package:flutter/material.dart';
import 'package:flutterdemo/route_pages/BottomNav.dart';
import 'package:flutterdemo/route_pages/PageOne.dart';
final routes = {
  '/': (context) => BottomNav(),
  '/pageone': (context, {arguments}) => PageOne(arguments: arguments)
};

Route onGenerateRoute (RouteSettings settings) {
  final String name = settings.name;
  final Function routeBuilder = routes[name];
  if (routeBuilder != null) {
    if (settings.arguments != null) {
      final Route route = MaterialPageRoute(
        builder: (context) => routeBuilder(context, arguments: settings.arguments)
      );
      return route;
    }else {
      final Route route = MaterialPageRoute(
          builder: (context) => routeBuilder(context)
      );
      return route;
    }
  }
}

main.dart

import 'package:flutter/material.dart';
import './pages/route/Page.dart';
import 'package:flutterdemo/routes/Routes.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      onGenerateRoute: onGenerateRoute,
      initialRoute: '/',   
    );
  }
}