ui_router

Description:

ui router

Simple Router for Pages, Dialogs, Tabs, Loading

https://pub.dev/packages/ui_router
Router #
final router = UiRouter(
pages: [
UiPage(
path: '/index',
build: (state) => const MyIndexPage(),
),
UiShell(
path: '/shell',
build: (state, child) => MyShell(child: child),
pages: [
UiPage(
path: '/sub-1',
build: (state) => const MySub1Page(),
),
UiPage(
path: '/sub-2',
build: (state) => const MySub2Page(),
),
],
),
],
);
copied to clipboard
Run App #
void main() {
final view = UiRouterView(router);
final app = MaterialApp(home: view);
runApp(app);
}
copied to clipboard
Example Your Pages #
// Index
class MyIndexPage extends StatelessWidget {
const MyIndexPage({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Index')),
body: Center(
child: ElevatedButton(
onPressed: () {
router.push('/shell');
},
child: const Text('Push To Shell'),
),
),
);
}
}

// Shell
class MyShell extends StatelessWidget {
const MyShell({
super.key,
required this.childPage,
});

final Widget childPage;

@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black,
appBar: AppBar(title: const Text('Shell')),
body: Center(
child: SizedBox(
width: 300,
height: 500,
child: childPage,
),
),
);
}
}

// Sub1
class MySub1Page extends StatelessWidget {
const MySub1Page({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Sub 1')),
body: Center(
child: ElevatedButton(
onPressed: () {
router.shell('/shell').push('/sub-2');
},
child: const Text('Push To Sub2'),
),
),
);
}
}

// Sub2
class MySub2Page extends StatelessWidget {
const MySub2Page({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Sub 2')),
);
}
}
copied to clipboard
🎉 Contributions, Questions, Issues are welcomed!

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter