Bui Dai Duong definev

💙

Fluttering

Enjoy sharing knowledge and learning from other.

definev / nav_observer_main.dart

Created January 10, 2026 04:42

	import 'package:flutter/foundation.dart';
	import 'package:flutter/material.dart';
	import 'package:zenrouter/zenrouter.dart';
	import 'package:zenrouter_devtools/zenrouter_devtools.dart';

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

	class MainApp extends StatelessWidget {

definev / redirect_main.dart

Created December 31, 2025 18:17

How to use redirect

	import 'dart:async';

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

	final authState = ValueNotifier(true);

	abstract class AppRoute extends RouteTarget with RouteUnique {}

	typedef RedirectFunction =

definev / two_panel_layout.dart

Last active December 31, 2025 05:28

How to customize two panel layout in ZenRouter

	import 'dart:async';

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

	// ==================== Base Route Classes ====================

	abstract class AppRoute extends RouteTarget with RouteUnique {}

	// ==================== Master-Detail Layout ====================

definev / tab_layout_example.dart

Last active December 29, 2025 10:58

Minimal example for tab layout

	/// A minimal example demonstrating how to create a Tab-based navigation using ZenRouter.
	///
	/// Key concepts:
	/// - [TabLayoutCoordinator]: Manages the routing state, specifically the [IndexedStackPath] for tabs.
	/// - [TabLayout]: A [RouteLayout] that provides the UI structure (e.g., [BottomNavigationBar]) for its children.
	/// - [IndexedStackPath]: Maintains the state of each tab, allowing for preservation of state when switching tabs.
	///
	/// To run this example:
	/// 1. Fix imports if necessary.
	/// 2. Run the `main()` function defined at the bottom of this file.

definev / main_restoration.dart

Last active December 24, 2025 11:24

An example to show how to enable Restoration in ZenRouter with only ONE line of code :-) (Require zenrouter v0.5.0)

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

	abstract class AppRoute extends RouteTarget with RouteUnique {}

	class Home extends AppRoute {
	@override
	Uri toUri() => Uri.parse('/');

	@override

definev / two_panel_example.dart

Created December 23, 2025 02:10

How to build 2-panel layout and able to correct URL reflection

	import 'package:flutter/material.dart';
	import 'package:zenrouter/zenrouter.dart';
	import 'package:zenrouter_devtools/zenrouter_devtools.dart';

	void main() {
	runApp(MainApp());
	}

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

definev / main.dart

Last active December 22, 2025 15:35

Initial loading splash screen in ZenRouter

	import 'dart:async';

	import 'package:flutter/material.dart';
	import 'package:zenrouter/zenrouter.dart';
	import 'package:zenrouter_devtools/zenrouter_devtools.dart';

	bool loggedIn = false;
	bool loaded = false;

	Future<bool> _authCheck() async {

definev / routes.zen.dart

Created December 11, 2025 07:09

	// GENERATED CODE - DO NOT MODIFY BY HAND
	// ignore_for_file: type=lint

	import 'package:zenrouter/zenrouter.dart';

	import '(auth)/_layout.dart';
	import '(auth)/login.dart' deferred as auth_login;
	import '(auth)/register.dart' deferred as auth_register;
	import 'about.dart' deferred as about;
	import 'index.dart' deferred as index;

definev / swiftui_navigation.dart

Last active November 27, 2025 06:51

Complete cloned with same feature set as NavigationStack like SwiftUI in Flutter, using Navigator Page API

	import 'package:flutter/material.dart';
	import 'package:flutter/cupertino.dart';
	import 'package:flutter/foundation.dart'; // For kIsWeb

	// ==============================================================================
	// 1. THE MICRO-FRAMEWORK (Copy this to your core library)
	// ==============================================================================

	/// A state object representing the active path of the navigation.
	/// Acts as the "Source of Truth" for the navigation stack.

definev / crt.dart

Last active December 6, 2025 16:25

CRT Effect for Flutter

	import 'dart:math';

	import 'package:flutter/material.dart';

	class CrtScreen extends StatefulWidget {
	final Widget child;
	final double scanlineGap;
	final double scanlineThickness;
	final double verticalLineGap;
	final double horizontalShakeRange;