GoRouter에서 페이지 이동 transition 설정하기

 

bottomAppbar를 사용하니까 페이지 이동시 깜빡이면서 화면이 켜지는 게 어색하게 느껴졌다

 

깜빡이는 현상을 막기위해 페이지 이동 transition을 없애기로 했다

https://docs.page/csells/go_router/transitions

go_router

 

이곳을 보고

기존 작성된 GoRoute의 페이지들을 수정해 주었다

// 기존
GoRoute(
	path: '/',
    name: 'home',
    builder: (context, state) => const Home(),
)

// 수정
GoRoute(
	path: '/',
	name: 'home',
	pageBuilder: (context, state) => const NoTransitionPage(child: Home()),
)

 

https://pub.dev/documentation/go_router/latest/go_router/NoTransitionPage-class.html

NoTransitionPage class - go_router library - Dart API

NoTransitionPage로 페이지들을 감싸 transition을 없앨 수 있었다