应用导航器

Flutter Navigator 的声明式实现，代码简洁易懂。

特点

  • 易于集成和使用
  • 使用 Flutter 的 Navigator v2.0

入门

将此包添加为依赖项

flutter pub add app_navigator

在您的文件中导入此包

import 'package:app_navigator/app_navigator.dart';

用法

设置

  1. 初始化

import 'package:flutter/material.dart';
import 'package:app_navigator/app_navigator.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AppNavigator Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: NavigationLayer(
        initPage: Page1(),
        initPath: Page1.route,
      ),
    );
  }
}

导航

Push

要导航到不同的路由，请使用 AppNavigator.push 方法

onTap() => AppNavigator().push(Page(), name: 'page');

返回

要向后导航，请使用 AppNavigator.pop 方法

onTap() => AppNavigator().pop();

PopUntilNamed

要向后导航到目标页面，请使用 AppNavigator.popUntilNamed

onTap() => AppNavigator().popUntilNamed();

无上下文导航

AppNavigator 类通过使用单例模式，允许在应用程序内进行导航，而无需关心上下文。

GitHub

查看 Github