flutter 关于路由跳转方法封装以及关闭页面、弹窗等等模块

这篇文章距离上次修改已过222天，其中的内容可能已经有所变动。

在Flutter中，可以通过Navigator进行页面间的路由跳转，并可以封装一些常用的方法来简化页面跳转和处理。

以下是一个简单的路由跳转和封装示例：

import 'package:flutter/material.dart';

class NavigationService {
  final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

  // 获取NavigatorState对象
  NavigatorState get navigator => navigatorKey.currentState;

  // 页面跳转
  Future<dynamic> push(BuildContext context, Widget route) {
    return navigator.push(MaterialPageRoute(builder: (context) => route));
  }

  // 带有返回值的页面跳转
  Future<T> pushForResult<T>(BuildContext context, Widget route) {
    return navigator.push<T>(MaterialPageRoute(builder: (context) => route));
  }

  // 关闭当前页面，返回上一个页面
  Future<bool> pop(BuildContext context, [bool result]) {
    if (result != null) {
      return navigator.pop(result);
    } else {
      return navigator.pop();
    }
  }

  // 弹窗
  void showDialog<T>({
    @required BuildContext context,
    @required WidgetBuilder builder,
  }) {
    showDialog(
      context: context,
      builder: (context) => builder(context),
    );
  }
}

使用方法：

final NavigationService _navigationService = NavigationService();

// 页面跳转
_navigationService.push(context, YourPage());

// 带有返回值的页面跳转
_navigationService.pushForResult<bool>(context, YourPage()).then((result) {
  if (result != null) {
    print('返回结果: $result');
  }
});

// 关闭当前页面
_navigationService.pop(context, true); // 返回true

// 弹窗
_navigationService.showDialog<bool>(
  context: context,
  builder: (context) => YourDialog(),
);

在这个示例中，我们创建了一个名为NavigationService的类，它包含了获取NavigatorState对象的方法、页面跳转的方法、带返回值的页面跳转方法、关闭页面的方法以及弹窗的方法。这样可以方便地在应用中重用这些方法，并使页面跳转和处理更加集中和简洁。

flutter 关于路由跳转方法封装以及关闭页面、弹窗等等模块

评论已关闭

推荐阅读