flutter 关于路由跳转方法封装以及关闭页面、弹窗等等模块
    		       		warning:
    		            这篇文章距离上次修改已过433天,其中的内容可能已经有所变动。
    		        
        		                
                在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对象的方法、页面跳转的方法、带返回值的页面跳转方法、关闭页面的方法以及弹窗的方法。这样可以方便地在应用中重用这些方法,并使页面跳转和处理更加集中和简洁。
评论已关闭