polaris/ui/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:ui/activity.dart';
import 'package:ui/login_page.dart';
import 'package:ui/movie_watchlist.dart';
import 'package:ui/navdrawer.dart';
import 'package:ui/providers/APIs.dart';
import 'package:ui/search.dart';
import 'package:ui/system_settings.dart';
import 'package:ui/tv_details.dart';
import 'package:ui/tv_watchlist.dart';

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    // GoRouter configuration
    final _shellRoute = ShellRoute(
      builder: (BuildContext context, GoRouterState state, Widget child) {
        return SelectionArea(
          child: Scaffold(
              appBar: AppBar(
                // TRY THIS: Try changing the color here to a specific color (to
                // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
                // change color while the other colors stay the same.
                backgroundColor: Theme.of(context).colorScheme.inversePrimary,
                // Here we take the value from the MyHomePage object that was created by
                // the App.build method, and use it to set our appbar title.
                title: Row(
                  children: [
                    const Text("Polaris 追剧"),
                    const SizedBox(
                      width: 100,
                    ),
                    IconButton(
                        tooltip: "搜索剧集",
                        onPressed: () => context.go(SearchPage.route),
                        icon: const Icon(Icons.search)),
                  ],
                ),
                actions: [
                  IconButton(
                      onPressed: () => context.go(SystemSettingsPage.route),
                      icon: const Icon(Icons.settings)),
                  APIs.isLoggedIn
                      ? IconButton(
                          onPressed: () async {
                            final SharedPreferences prefs =
                                await SharedPreferences.getInstance();
                            await prefs.remove('token');
                            if (context.mounted) {
                              context.go(LoginScreen.route);
                            }
                          },
                          icon: const Icon(Icons.exit_to_app))
                      : Container()
                ],
              ),
              body: Center(
                  // Center is a layout widget. It takes a single child and positions it
                  // in the middle of the parent.
                  child: Row(children: <Widget>[
                const NavDrawer(),
                const VerticalDivider(thickness: 1, width: 1),
                Expanded(child: child)
              ]))),
        );
      },
      routes: [
        GoRoute(
          path: "/",
          redirect: (context, state) => TvWatchlistPage.route,
        ),
        GoRoute(
          path: TvWatchlistPage.route,
          builder: (context, state) => const TvWatchlistPage(),
        ),
        GoRoute(
          path: TvDetailsPage.route,
          builder: (context, state) =>
              TvDetailsPage(seriesId: state.pathParameters['id']!),
        ),
        GoRoute(
          path: MovieWatchlistPage.route,
          builder: (context, state) => const MovieWatchlistPage(),
        ),
        GoRoute(
          path: MovieDetailsPage.route,
          builder: (context, state) =>
              MovieDetailsPage(id: state.pathParameters['id']!),
        ),
        GoRoute(
          path: SearchPage.route,
          builder: (context, state) => const SearchPage(),
        ),
        GoRoute(
          path: SystemSettingsPage.route,
          builder: (context, state) => const SystemSettingsPage(),
        ),
        GoRoute(
          path: ActivityPage.route,
          builder: (context, state) => const ActivityPage(),
        )
      ],
    );

    final _router = GoRouter(
      navigatorKey: APIs.navigatorKey,
      initialLocation: TvWatchlistPage.route,
      routes: [
        _shellRoute,
        GoRoute(
          path: LoginScreen.route,
          builder: (context, state) => const LoginScreen(),
        )
      ],
    );

    return ProviderScope(
      child: MaterialApp.router(
        title: 'Polaris',
        theme: ThemeData(
          // Define the default TextTheme. Use this to specify the default
          // text styling for headlines, titles, bodies of text, and more.
          // textTheme: const TextTheme(
          //   bodyLarge: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   bodyMedium: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   bodySmall: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   titleLarge: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   titleMedium: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   titleSmall: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   labelLarge: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   labelMedium: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          //   labelSmall: TextStyle(fontFamilyFallback: ["PingFang SC", "Heiti SC"]),
          // ),

          colorScheme: ColorScheme.fromSeed(
              seedColor: Colors.blue, brightness: Brightness.dark),
          useMaterial3: true,
        ),
        routerConfig: _router,
      ),
    );
  }
}

CustomTransitionPage buildPageWithDefaultTransition<T>({
  required BuildContext context,
  required GoRouterState state,
  required Widget child,
}) {
  return CustomTransitionPage<T>(
    key: state.pageKey,
    child: child,
    transitionsBuilder: (context, animation, secondaryAnimation, child) =>
        FadeTransition(opacity: animation, child: child),
  );
}