I have `CustomPageRoute` that I use for navigating to new page with custom transition.

for navigating I use code below:

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

```

This is works fine, but now I want to use `GetPage` in getx library to add dependencies.

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

```

So I have to navigate with `Get.toNamed(Routes.NEW_SCREEN)` and my custom transition not work.

How can I integrate my custom transition with `GetPage`

This is my custom transition:

```
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,
    );
  }
}

```