declarative_navigator 0.0.3 copy "declarative_navigator: ^0.0.3" to clipboard
declarative_navigator: ^0.0.3 copied to clipboard

Fully declarative, state-driven routing for Flutter's Navigator 2.0. Makes routing as simple as widgets!

example/lib/main.dart

import 'package:declarative_navigator/declarative_navigator.dart';
import 'package:example/src/examples/login_example.dart' as login_example;
import 'package:example/src/examples/prevent_back_example.dart'
    as prevent_back_example;
import 'package:flutter/material.dart';

void main() {
  runApp(const ExampleApp());
}

class ExampleApp extends StatelessWidget {
  const ExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Declarative Navigator Example',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const Home(),
    );
  }
}

class Home extends StatefulWidget {
  const Home({
    super.key,
  });

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  DeclarativeNavigatorSource? rootNavigator;

  @override
  Widget build(BuildContext context) {
    final rootNavigator = this.rootNavigator;

    if (rootNavigator == null) {
      return _exampleSelection;
    }

    return DeclarativeNavigatorDisplay(root: rootNavigator);
  }

  Widget get _exampleSelection {
    final examples = <String, DeclarativeNavigatorSource Function()>{
      'Login/Logout + Child Navigator': () => login_example.MainAppNavigator(
            close: _closeExample,
          ),
      'Prevent system back': () => prevent_back_example.MainAppNavigator(
            close: _closeExample,
          ),
    };

    return Scaffold(
      appBar: AppBar(
        title: const Text('Examples'),
      ),
      body: ListView(
        children: [
          for (final MapEntry(key: name, value: factoryFunc)
              in examples.entries)
            ListTile(
              title: Text(name),
              onTap: () {
                setState(() {
                  rootNavigator = factoryFunc();
                });
              },
            ),
        ],
      ),
    );
  }

  void _closeExample() {
    setState(() {
      rootNavigator?.dispose();

      rootNavigator = null;
    });
  }
}
0
likes
150
points
23
downloads

Publisher

verified publisherlunaone.de

Weekly Downloads

Fully declarative, state-driven routing for Flutter's Navigator 2.0. Makes routing as simple as widgets!

Repository (GitHub)
View/report issues

Topics

#routing #deep-linking #navigation

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on declarative_navigator