🚀 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?
- 📁 Project Structure - Learn about recommended folder organization
- 💉 Dependency Injection - Master the DI system
- 🛣️ Routes - Understand routing concepts
- 🎭 Event System - Build decoupled communication