Flutter插件cruiser的使用_Cruiser 是一个全面的路由库，用于 Flutter 应用程序

Flutter插件cruiser的使用_Cruiser 是一个全面的路由库，用于 Flutter 应用程序

Cruiser 是一个全面的路由库，用于 Flutter 应用程序。

Flutter插件cruiser开始使用

本项目是一个 Dart 包，可以轻松地在多个 Flutter 或 Dart 项目中共享代码。有关如何开始使用 Flutter 的详细信息，请参阅 Flutter 的官方文档，其中包括教程、示例、移动开发指南和完整的 API 参考。

示例代码

以下是一个完整的示例，展示了如何使用 Cruiser 插件。

import 'dart:math';
import 'package:cruiser/cruiser.dart';
import 'package:cruiser_example/example_args.dart';
import 'package:cruiser_example/utils/color_converter.dart';
import 'package:cruiser_example/utils/cruiser_transition_extensions.dart';
import 'package:flutter/material.dart';

const colors = [
  Colors.blue,
  Colors.green,
  Colors.purple,
  Colors.orange,
  Colors.pink,
  Colors.amber,
  Colors.cyan
];

const routeName = '/example';
//const routeNameSecond = '/second-example';

final router = Cruiser();

final random = Random();

void main() {
  router.addRoute(CruiserRoute(
      name: routeName, builder: (context, args) => ExamplePage(args: args)));
  //   router.addRoute(CruiserRoute(name: routeNameSecond, builder: (context, args) => SecondExamplePage(args: args)));

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Cruiser Example',
      initialRoute: routeName,
      navigatorKey: router.navigatorKey,
      onGenerateRoute: router.generator,
      navigatorObservers: [router.observer],
      //home: ExamplePage(args: null),
      /*builder: (BuildContext context, Widget child)
            {
                return WillPopScope(
                    child: Scaffold(
                        resizeToAvoidBottomInset: true,
                        body: DefaultTextStyle(
                            style: TextStyle(fontSize: 16, color: Colors.white),
                            child: child
                        )
                    ), 
                    onWillPop: () async 
                    {
                        return Future.value(false);
                    }
                );
            }*/
    );
  }
}

class SecondExamplePage extends ExamplePage {
  final ExampleArgs args;

  SecondExamplePage({[@required](/user/required) this.args}) : super(args: args);

  [@override](/user/override)
  ExamplePageState createState() => new ExamplePageState();
}

class ExamplePage extends StatefulWidget {
  final ExampleArgs args;

  ExamplePage({[@required](/user/required) this.args});

  [@override](/user/override)
  ExamplePageState createState() => new ExamplePageState();
}

class ExamplePageState extends State<ExamplePage> {
  Color nextColor;
  TransitionType nextTransition;

  [@override](/user/override)
  void initState() {
    super.initState();

    nextColor = _getNextColor(widget.args?.color);
    nextTransition = _getNextTransition(widget.args?.transition);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return WillPopScope(
        child: Scaffold(
            resizeToAvoidBottomInset: true,
            body: DefaultTextStyle(
                style: TextStyle(fontSize: 16, color: Colors.white),
                child: Container(
                  color: widget.args?.color ?? Colors.white,
                  child: SafeArea(
                      child: Center(
                          child: Column(
                              mainAxisAlignment: MainAxisAlignment.center,
                              crossAxisAlignment: CrossAxisAlignment.center,
                              children: [
                        ExampleButton(
                            text: '${nextTransition.name}', // '${isSecondRoute ? 'Second': 'First'}
                            color: ColorConverter.darken(
                                widget.args?.color ?? Colors.blue, 0.1),
                            onPressed: () async => await _toNextRoute(context))
                      ]))),
                ))),
        onWillPop: () async {
          router.pop();
          return Future.value(false);
        });
  }

  Future _toNextRoute(BuildContext context) async {
    await router.navigate(routeName,
        transition: nextTransition,
        args: ExampleArgs(color: nextColor, transition: nextTransition));
  }

  TransitionType _getNextTransition(TransitionType previousTransition) {
    if (previousTransition == null) return TransitionType.values[0];

    var index = TransitionType.values.indexOf(previousTransition) + 1;

    return TransitionType
        .values[index < TransitionType.values.length ? index : 0];
  }

  Color _getNextColor(Color previousColor) {
    var available = previousColor != null
        ? colors.where((x) => x != previousColor).toList()
        : colors;

    return available[random.nextInt(available.length)];
  }
}

class ExampleButton extends StatelessWidget {
  final VoidCallback onPressed;
  final String text;
  final Color color;

  ExampleButton({this.text, this.onPressed, this.color});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return ButtonTheme(
        height: 47,
        padding: EdgeInsets.symmetric(horizontal: 25),
        child: FlatButton(
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(4.0),
            ),
            color: color,
            textColor: Colors.white,
            onPressed: onPressed,
            child: Text(text, style: TextStyle(fontSize: 14))));
  }
}