Demo Videos

Usage Demonstration Strength in Flutter Web


Experience effortless navigation in your Flutter apps across platforms with alghwalbi_easy_router. Seamlessly adapts to each environment, mirroring web routes in the browser's search bar on the web, while integrating with default mobile behavior. Say goodbye to platform inconsistencies and hello to a consistent user experience. Simplify routing with alghwalbi_easy_router today!


To install alghwalbi_easy_router from, click here.


  1. Define Routes:

    void main() {
      EasyRouter.allAppRoutes = {
        '/': (context, state, data) {
          return EasyRouter.routeInfo(
              child: const MainPage(),
              title: 'Main Page',
              key: const ValueKey('Easy Route main'));
        '/login': (context, state, data) => EasyRouter.routeInfo(
              child: const LoginPage(),
              title: 'Login Page',
              key: const ValueKey('Easy Route Login'),
        '/signup': (context, state, data) => EasyRouter.routeInfo(
              child: const SignUpPage(),
              title: 'Signup Page',
              key: const ValueKey('Easy Route Signup'),
        // Add more routes as needed
      runApp(const MyApp());
  2. Use Material App Router:

      routerDelegate: EasyRouter.easyRouterDelegate,
      routeInformationParser: EasyRouter.getEasyRouterParser,
      backButtonDispatcher: EasyRouter.getEasyRouterBackButtonDispatcher,
      debugShowCheckedModeBanner: false,
  3. Remove Hash from URL:

    void main() {
  4. Navigate between Pages:

      context: context,
      route: '/login', // Provide your destination route
      replaceRoute: true, // Optional
      data: {}, // Optional: Provide JSON data to send from page to another
      invalidRouterDialog: // Optional: Provide your custom dynamic Function(BuildContext)? or dialog when the route is not found
  5. Back Navigation:


    Optionally, you can specify the route to go to if back navigation fails:

    EasyRouter.back(context, popFailedRoute: '/')

For more detailed information and usage examples, refer to the official page.

Feel free to explore the capabilities of alghwalbi_easy_router and simplify navigation within your Flutter apps! If you encounter any issues or have questions, don't hesitate to reach out. Happy coding!