a

qr_example.dart

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

import 'app_routes.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routeInformationParser: QRouteInformationParser(),
      routerDelegate: QRouterDelegate(
        AppRoutes().routes,
        initPath: AppRoutes.productsPage,
      ),
    );
  }
}

class ProductsPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Material(
      child: Column(
        children: [
          const SizedBox(height: 30),
          Text('ProductsPage'),
          const SizedBox(height: 30),
          Wrap(
            children: List.generate(10, (index) => index.toString())
                .map(
                  (e) => TextButton(
                    child: Padding(
                      padding: const EdgeInsets.all(32.0),
                      child: Text(e),
                    ),
                    onPressed: () => QR
                        .toName(AppRoutes.singleProductPage, params: {'id': e}),
                  ),
                )
                .toList(),
          )
        ],
      ),
    );
  }
}

class SingleProductPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
        child: Text('SingleProductPage with id = ${QR.params['id']}'));
  }
}

class AppRoutes {
  static String productsPage = 'ProductsPage';
  static String singleProductPage = 'SingleProductPage';
  final routes = [
    QRoute(
      name: productsPage,
      path: '/products',
      builder: () => ProductsPage(),
      children: [
        QRoute(
          name: singleProductPage,
          path: '/:id',
          builder: () => SingleProductPage(),
        ),
      ],
    ),
  ];
}