fusion 4.8.0

A Flutter plugin that manages hybrid stack on Android and iOS.

example/lib/main.dart

import 'dart:ui' as ui;

import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:fusion/fusion.dart';
import 'package:fusion_example/page/background_page.dart';
import 'package:fusion_example/page/dialog_page.dart';
import 'package:fusion_example/page/lifecycle_page.dart';
import 'package:fusion_example/page/list_page.dart';
import 'package:fusion_example/page/navigator_page.dart';
import 'package:fusion_example/page/refresh_page.dart';
import 'package:fusion_example/page/index_page.dart';
import 'package:fusion_example/page/transparent_page.dart';
import 'package:fusion_example/page/unknown_page.dart';
import 'package:fusion_example/page/web_page.dart';
import 'package:fusion_example/page/willpop_page.dart';

void main() {
  print('defaultRouteName=${ui.window.defaultRouteName}');
  // MyWidgetsFlutterBinding.ensureInitialized();
  Fusion.instance.install();
  FusionAppLifecycleManager.instance.register(MyAppLifecycleListener());
  runApp(const MyApp());
}

class MyAppLifecycleListener implements FusionAppLifecycleListener {
  @override
  void onBackground() {
    print('onBackground');
  }

  @override
  void onForeground() {
    print('onForeground');
  }
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // return FusionApp(
    //   routeMap: routeMap,
    //   customRouteMap: customRouteMap,
    //   debugShowCheckedModeBanner: false,
    //   transitionDuration: const Duration(milliseconds: 400),
    //   reverseTransitionDuration: const Duration(milliseconds: 400),
    //   theme: ThemeData(
    //       pageTransitionsTheme:
    //       const PageTransitionsTheme(builders: _defaultBuilders)),
    // );
    return ScreenUtilInit(
      designSize: const Size(375, 667),
      minTextAdapt: true,
      builder: (_, __) => FusionApp(
        routeMap: routeMap,
        customRouteMap: customRouteMap,
        // builder: EasyLoading.init(),
        navigatorObservers: [_MyNavigatorObserver()],
        transitionDuration: const Duration(milliseconds: 400),
        reverseTransitionDuration: const Duration(milliseconds: 400),
        localizationsDelegates: const [
          GlobalMaterialLocalizations.delegate,
          GlobalWidgetsLocalizations.delegate,
          GlobalCupertinoLocalizations.delegate
        ],
        supportedLocales: const [
          Locale('en', 'US'),
          Locale('zh', 'CN'),
        ],
        theme: ThemeData(
            pageTransitionsTheme:
                const PageTransitionsTheme(builders: _defaultBuilders)),
      ),
    );
  }
}

class _MyNavigatorObserver extends NavigatorObserver {
  @override
  void didPush(Route route, Route? previousRoute) {
    print('didPush:route=$route,previousRoute=$previousRoute');
  }

  @override
  void didPop(Route route, Route? previousRoute) {
    print('didPop:route=$route,previousRoute=$previousRoute');
  }

  @override
  void didRemove(Route route, Route? previousRoute) {
    print('didRemove:route=$route,previousRoute=$previousRoute');
  }

  @override
  void didReplace({Route? newRoute, Route? oldRoute}) {
    print('didReplace:newRoute=$newRoute,oldRoute=$oldRoute');
  }
}

// class MyWidgetsFlutterBinding extends WidgetsFlutterBinding {
//   @override
//   void handleAppLifecycleStateChanged(ui.AppLifecycleState state) {
//     super.handleAppLifecycleStateChanged(state);
//     print('handleAppLifecycleStateChanged: $state');
//   }

//   static WidgetsBinding? ensureInitialized() {
//     MyWidgetsFlutterBinding();
//     return WidgetsBinding.instance;
//   }
// }

final Map<String, FusionPageFactory> routeMap = {
  '/index': (args) => IndexPage(args: args),
  '/list': (args) => ListPage(args: args),
  '/lifecycle': (args) => LifecyclePage(args: args),
  '/willpop': ((args) => WillPopPage(args: args)),
  '/web': (args) => WebPage(args: args),
  '/transparent': (args) => TransparentPage(args: args),
  '/background': (args) => BackgroundPage(args: args),
  '/refresh': (args) => RefreshPage(args: args),
  kUnknownRoute: (args) => UnknownPage(args: args),
};

final Map<String, FusionPageCustomFactory> customRouteMap = {
  '/dialog_page': (settings) => PageRouteBuilder(
      opaque: settings.opaque,
      settings: settings,
      pageBuilder: (_, __, ___) =>
          DialogPage(args: settings.arguments as Map<String, dynamic>?)),
  '/navigator': (settings) => PageRouteBuilder(
      opaque: settings.opaque,
      settings: settings,
      pageBuilder: (_, __, ___) =>
          NavigatorPage(args: settings.arguments as Map<String, dynamic>?)),
};

const Map<TargetPlatform, PageTransitionsBuilder> _defaultBuilders =
    <TargetPlatform, PageTransitionsBuilder>{
  TargetPlatform.android: SlidePageTransitionsBuilder(),
  TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
  // TargetPlatform.ohos: SlidePageTransitionsBuilder(),
};

class SlidePageTransitionsBuilder extends PageTransitionsBuilder {
  const SlidePageTransitionsBuilder();

  @override
  Widget buildTransitions<T>(
      PageRoute<T> route,
      BuildContext context,
      Animation<double> animation,
      Animation<double> secondaryAnimation,
      Widget child) {
    final TextDirection textDirection = Directionality.of(context);
    return SlideTransition(
      transformHitTests: false,
      textDirection: textDirection,
      position: CurvedAnimation(
        parent: secondaryAnimation,
        curve: Curves.linearToEaseOut,
        reverseCurve: Curves.easeInToLinear,
      ).drive(_kMiddleLeftTween),
      child: SlideTransition(
        textDirection: textDirection,
        position: CurvedAnimation(
          parent: animation,
          curve: Curves.linearToEaseOut,
          reverseCurve: Curves.easeInToLinear,
        ).drive(_kRightMiddleTween),
        child: child,
      ),
    );
  }
}

final Animatable<Offset> _kRightMiddleTween = Tween<Offset>(
  begin: const Offset(1.0, 0.0),
  end: Offset.zero,
);

final Animatable<Offset> _kMiddleLeftTween = Tween<Offset>(
  begin: Offset.zero,
  end: const Offset(-1.0 / 3.0, 0.0),
);

extension RouteSettingsExt on RouteSettings {
  bool get opaque => !((arguments as Map?)?['transparent'] ?? false);
}