Appearance
源码:labs/flutter/host/lib/app/routes/app_router.dart
- 原始路径:
labs/flutter/host/lib/app/routes/app_router.dart - 类型:
dart
dart
import 'package:flutter/material.dart';
import '../../l10n/l10n.dart';
import '../../topics/backend_data/download_service_update_case_demo.dart';
import '../../topics/backend_data/flutter_httpdns_override/flutter_httpdns_override_demo_page.dart';
import '../../topics/backend_data/mobile_one_tap_login/one_tap_login_demo_page.dart';
import '../../topics/backend_data/wal_offline_sync_demo.dart';
import '../../topics/background_tasks/flutter_background_boundary/background_boundary_demo_page.dart';
import '../../topics/background_tasks/recording_sync_state_machine_demo.dart';
import '../../topics/bridge_hybrid/platform_channel_demo/platform_channel_demo_page.dart';
import '../../topics/bridge_hybrid/platform_view_demo/platform_view_demo_page.dart';
import '../../topics/image_loading/cached_network_image_demo_page.dart';
import '../../topics/memory_lifecycle/arc_closure_comparison_demo.dart';
import '../../topics/memory_lifecycle/flutter_lifecycle_observer/lifecycle_observer_page.dart';
import '../../topics/performance/flutter_jit_aot/jit_aot_demo_page.dart';
import '../../topics/performance/flutter_three_trees/three_trees_demo_page.dart';
import '../../topics/screen_adaptation/adaptive_layout_demo/adaptive_layout_demo_page.dart';
import '../../topics/screen_adaptation/asset_variant_demo/asset_variant_demo_page.dart';
import '../../topics/screen_adaptation/font_scale_safe_area_demo/font_scale_safe_area_demo_page.dart';
import '../../topics/state_routing_architecture/flutter_expandable_text_demo/flutter_expandable_text_demo_page.dart';
import '../../topics/state_routing_architecture/flutter_nested_scroll_coordination/flutter_nested_scroll_coordination_page.dart';
import '../../topics/state_routing_architecture/flutter_riverpod_basics/riverpod_basics_demo_page.dart';
import '../../topics/state_routing_architecture/flutter_routing_basic/routing_detail_page.dart';
import '../../topics/state_routing_architecture/flutter_routing_basic/routing_home_page.dart';
import '../../topics/state_routing_architecture/page_result_demo/page_result_demo_page.dart';
import '../../topics/state_routing_architecture/reference_architecture/flutter_reference_architecture_demo.dart';
class AppRouter {
static const homeRoute = '/';
static const lifecycleRoute = '/lifecycle';
static const referenceArchRoute = '/reference_architecture';
static const walSyncRoute = '/wal_sync';
static const mobileOneTapLoginRoute = '/mobile_one_tap_login';
static const downloadServiceUpdateCaseRoute = '/download_service_update_case';
static const recordingSyncStateMachineRoute = '/recording_sync_state_machine';
static const arcMemoryRoute = '/arc_memory';
static const threeTreesRoute = '/three_trees';
static const jitAotRoute = '/jit_aot';
static const adaptiveLayoutRoute = '/adaptive_layout';
static const fontScaleSafeAreaRoute = '/font_scale_safe_area';
static const assetVariantRoute = '/asset_variant_demo';
static const riverpodBasicsRoute = FlutterRiverpodBasicsDemoPage.routeName;
static const backgroundBoundaryRoute =
FlutterBackgroundBoundaryDemoPage.routeName;
static Route<dynamic> onGenerateRoute(RouteSettings settings) {
switch (settings.name) {
case homeRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const _HostHomePage(),
);
case lifecycleRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const LifecycleObserverPage(),
);
case referenceArchRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const FlutterReferenceArchitectureDemoPage(),
);
case walSyncRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const WalOfflineSyncDemoScreen(),
);
case mobileOneTapLoginRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const OneTapLoginDemoPage(),
);
case downloadServiceUpdateCaseRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const DownloadServiceUpdateCaseDemoPage(),
);
case recordingSyncStateMachineRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const RecordingSyncStateMachineDemoPage(),
);
case FlutterHttpDnsOverrideDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const FlutterHttpDnsOverrideDemoPage(),
);
case arcMemoryRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const ArcClosureComparisonDemoScreen(),
);
case threeTreesRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const ThreeTreesDemoPage(),
);
case jitAotRoute:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const JitAotDemoPage(),
);
case CachedNetworkImageDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const CachedNetworkImageDemoPage(),
);
case AdaptiveLayoutDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const AdaptiveLayoutDemoPage(),
);
case FontScaleSafeAreaDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const FontScaleSafeAreaDemoPage(),
);
case AssetVariantDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const AssetVariantDemoPage(),
);
case FlutterNestedScrollCoordinationPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const FlutterNestedScrollCoordinationPage(),
);
case FlutterExpandableTextDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const FlutterExpandableTextDemoPage(),
);
case FlutterRiverpodBasicsDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const FlutterRiverpodBasicsDemoPage(),
);
case FlutterBackgroundBoundaryDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const FlutterBackgroundBoundaryDemoPage(),
);
case PageResultDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const PageResultDemoPage(),
);
case PlatformChannelDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const PlatformChannelDemoPage(),
);
case PlatformViewDemoPage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const PlatformViewDemoPage(),
);
case RoutingHomePage.routeName:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const RoutingHomePage(),
);
case RoutingHomePage.detailRouteName:
final args = settings.arguments as RoutingDetailArgs;
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => RoutingDetailPage(args: args),
);
default:
return MaterialPageRoute<void>(
settings: settings,
builder: (_) => const _UnknownRoutePage(),
);
}
}
}
class _HostHomePage extends StatelessWidget {
const _HostHomePage();
@override
Widget build(BuildContext context) {
final l10n = context.l10n;
final theme = Theme.of(context);
final colorScheme = theme.colorScheme;
final textTheme = theme.textTheme;
final items = [
(
title: l10n.homeItemLifecycleTitle,
subtitle: l10n.homeItemLifecycleSubtitle,
icon: Icons.history_toggle_off_rounded,
route: AppRouter.lifecycleRoute,
),
(
title: l10n.homeItemRoutingTitle,
subtitle: l10n.homeItemRoutingSubtitle,
icon: Icons.alt_route_rounded,
route: RoutingHomePage.routeName,
),
(
title: l10n.homeItemRefArchTitle,
subtitle: l10n.homeItemRefArchSubtitle,
icon: Icons.architecture_rounded,
route: AppRouter.referenceArchRoute,
),
(
title: l10n.homeItemWalTitle,
subtitle: l10n.homeItemWalSubtitle,
icon: Icons.sync_problem_rounded,
route: AppRouter.walSyncRoute,
),
(
title: l10n.homeItemOneTapLoginTitle,
subtitle: l10n.homeItemOneTapLoginSubtitle,
icon: Icons.verified_user_rounded,
route: AppRouter.mobileOneTapLoginRoute,
),
(
title: l10n.homeItemDownloadServiceTitle,
subtitle: l10n.homeItemDownloadServiceSubtitle,
icon: Icons.system_update_alt_rounded,
route: AppRouter.downloadServiceUpdateCaseRoute,
),
(
title: l10n.homeItemRecordingSyncTitle,
subtitle: l10n.homeItemRecordingSyncSubtitle,
icon: Icons.keyboard_voice_rounded,
route: AppRouter.recordingSyncStateMachineRoute,
),
(
title: l10n.homeItemHttpDnsTitle,
subtitle: l10n.homeItemHttpDnsSubtitle,
icon: Icons.dns_rounded,
route: FlutterHttpDnsOverrideDemoPage.routeName,
),
(
title: l10n.homeItemArcTitle,
subtitle: l10n.homeItemArcSubtitle,
icon: Icons.memory_rounded,
route: AppRouter.arcMemoryRoute,
),
(
title: l10n.homeItemThreeTreesTitle,
subtitle: l10n.homeItemThreeTreesSubtitle,
icon: Icons.account_tree_rounded,
route: AppRouter.threeTreesRoute,
),
(
title: l10n.homeItemJitAotTitle,
subtitle: l10n.homeItemJitAotSubtitle,
icon: Icons.flash_on_rounded,
route: AppRouter.jitAotRoute,
),
(
title: l10n.homeItemImageLoadingTitle,
subtitle: l10n.homeItemImageLoadingSubtitle,
icon: Icons.image_rounded,
route: CachedNetworkImageDemoPage.routeName,
),
(
title: l10n.homeItemNestedScrollTitle,
subtitle: l10n.homeItemNestedScrollSubtitle,
icon: Icons.swap_vert_rounded,
route: FlutterNestedScrollCoordinationPage.routeName,
),
(
title: l10n.homeItemExpandableTextTitle,
subtitle: l10n.homeItemExpandableTextSubtitle,
icon: Icons.short_text_rounded,
route: FlutterExpandableTextDemoPage.routeName,
),
(
title: l10n.homeItemPageResultTitle,
subtitle: l10n.homeItemPageResultSubtitle,
icon: Icons.reply_rounded,
route: PageResultDemoPage.routeName,
),
(
title: l10n.homeItemAdaptiveLayoutTitle,
subtitle: l10n.homeItemAdaptiveLayoutSubtitle,
icon: Icons.tablet_mac_rounded,
route: AdaptiveLayoutDemoPage.routeName,
),
(
title: l10n.homeItemFontScaleSafeAreaTitle,
subtitle: l10n.homeItemFontScaleSafeAreaSubtitle,
icon: Icons.text_fields_rounded,
route: FontScaleSafeAreaDemoPage.routeName,
),
(
title: l10n.homeItemAssetVariantTitle,
subtitle: l10n.homeItemAssetVariantSubtitle,
icon: Icons.high_quality_rounded,
route: AssetVariantDemoPage.routeName,
),
(
title: l10n.homeItemRiverpodBasicsTitle,
subtitle: l10n.homeItemRiverpodBasicsSubtitle,
icon: Icons.account_tree_outlined,
route: AppRouter.riverpodBasicsRoute,
),
(
title: l10n.homeItemBackgroundBoundaryTitle,
subtitle: l10n.homeItemBackgroundBoundarySubtitle,
icon: Icons.nights_stay_rounded,
route: AppRouter.backgroundBoundaryRoute,
),
(
title: l10n.homeItemChannelTitle,
subtitle: l10n.homeItemChannelSubtitle,
icon: Icons.swap_horiz_rounded,
route: PlatformChannelDemoPage.routeName,
),
(
title: l10n.homeItemPlatformViewTitle,
subtitle: l10n.homeItemPlatformViewSubtitle,
icon: Icons.view_in_ar_rounded,
route: PlatformViewDemoPage.routeName,
),
];
return Scaffold(
appBar: AppBar(
title: Text(l10n.homeAppBarTitle),
centerTitle: true,
backgroundColor: colorScheme.surfaceContainerLow,
),
body: ListView.separated(
padding: const EdgeInsets.symmetric(vertical: 16),
itemCount: items.length + 1,
separatorBuilder: (context, index) {
if (index == 0) return const SizedBox.shrink();
return const Divider(indent: 72, height: 1);
},
itemBuilder: (context, index) {
if (index == 0) {
return Padding(
padding: const EdgeInsets.fromLTRB(24, 8, 24, 24),
child: Text(
l10n.homeSubtitle,
style: textTheme.bodyLarge?.copyWith(
color: colorScheme.onSurfaceVariant,
),
),
);
}
final item = items[index - 1];
return ListTile(
contentPadding: const EdgeInsets.symmetric(
horizontal: 24,
vertical: 8,
),
leading: Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: colorScheme.primaryContainer,
borderRadius: BorderRadius.circular(12),
),
child: Icon(item.icon, color: colorScheme.onPrimaryContainer),
),
title: Text(
item.title,
style: textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
color: colorScheme.onSurface,
),
),
subtitle: Padding(
padding: const EdgeInsets.only(top: 4),
child: Text(
item.subtitle,
style: textTheme.bodySmall?.copyWith(
color: colorScheme.onSurfaceVariant,
height: 1.3,
),
),
),
trailing: Icon(
Icons.chevron_right_rounded,
color: colorScheme.outline,
),
onTap: () => Navigator.of(context).pushNamed(item.route),
);
},
),
);
}
}
class _UnknownRoutePage extends StatelessWidget {
const _UnknownRoutePage();
@override
Widget build(BuildContext context) {
return Scaffold(body: Center(child: Text(context.l10n.unknownRoute)));
}
}