flutter 关于路由跳转方法封装以及关闭页面、弹窗等等模块
在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
对象的方法、页面跳转的方法、带返回值的页面跳转方法、关闭页面的方法以及弹窗的方法。这样可以方便地在应用中重用这些方法,并使页面跳转和处理更加集中和简洁。
评论已关闭