flutter - 如何在GetPage flutter中使用自定义Transition

Question

我有 CustomPageRoute，用于通过自定义过渡导航到新页面。

为了导航，我使用下面的代码:

Navigator.push(
    context,
    CustomPageRoute(
        NewScreen(),
    ),
),

这工作正常，但现在我想在 getx 库中使用 GetPage 来添加依赖项。

GetPage(
    name: Routes.NEW_SCREEN,
    page: () => NewScreen(),
    binding: NewScreenBinding(),
),

所以我必须使用 Get.toNamed(Routes.NEW_SCREEN) 进行导航，而我的自定义转换不起作用。

如何将自定义转换与 GetPage 集成

这是我的自定义转换:

class CustomPageRoute<T> extends PageRoute<T> {
  final Widget child;

  CustomPageRoute(this.child);

  @override
  Color get barrierColor => Colors.black;

  @override
  String get barrierLabel => '';

  @override
  bool get maintainState => true;

  @override
  Duration get transitionDuration => Duration(milliseconds: 600);

  @override
  Widget buildPage(
    BuildContext context,
    Animation<double> animation,
    Animation<double> secondaryAnimation,
  ) {
    return FadeTransition(
      opacity: animation,
      child: child,
    );
  }
}

Answer 1

我认为这可以更简单一些。创建一个像这样的类...

class Go {
  static Future<dynamic> to(dynamic page, {dynamic arguments}) async {
    Get.to(
      page,
      arguments: arguments,
      transition: Transition.fadeIn, // choose your page transition accordingly
      duration: const Duration(milliseconds: 300),
    );
  }
}

然后在你的 View 或 Controller 内

Go.to(
  () => OtpView(),
  arguments: 'your dynamic argument' 
);