Skip to main content

🚀 Quick Start

Get your modular Flutter app running in minutes!

1 - Installation

Add the dependencies to your pubspec.yaml:

dependencies:
go_router_modular: ^4.0.0

2 - Create App Module and Home Module

Create your main app module:

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

class AppModule extends Module {

FutureOr<List<Bind<Object>>> binds() => [];


List<ModularRoute> get routes => [
ModuleRoute("/", module: HomeModule()),
];
}

//********************************************************

class HomeModule extends Module {

List<ModularRoute> get routes => [
ChildRoute(
"/",
child: (context, state) => Scaffold(
body: Center(
child: Text('Hello GoRouter Modular'),
),
),
),
];
}

3 - Create App Widget

Set up your app widget:

class AppWidget extends StatelessWidget {

Widget build(BuildContext context) {
return ModularApp.router(
title: 'My Modular App',
theme: ThemeData(primarySwatch: Colors.blue),
);
}
}

4 - Configure Main

Initialize the modular system:

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

Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized();

await Modular.configure(appModule: AppModule(), initialRoute: "/");

runApp(AppWidget());
}

🎯 What's Next?