Dart & Flutter

[Flutter] Navigator.push 할 때 Fade 적용

ju_young 2023. 4. 19. 02:45
728x90
Navigator.push(
          context,
          PageRouteBuilder(
            pageBuilder: (
              _,
              __,
              ___,
            ) =>
                Screen(),
            transitionDuration: const Duration(seconds: 1),
            transitionsBuilder: (_, a, __, c) =>
                FadeTransition(opacity: a, child: c),
          ),
        );

위 코드처럼 PageRouteBuilder를 사용하면 된다.

간단히 Duration만 수정해주면 Fade 되는 속도를 조정할 수 있다.

728x90