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

2023. 12. 24. 01:45Flutter

반응형

 

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

 

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

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

 

go_router

 

docs.page

 

이곳을 보고

기존 작성된 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 class Custom transition page with no transition. Constructors NoTransitionPage({required Widget child, String? name, Object? arguments, String? restorationId, LocalKey? key}) Constructor for a page with no transition functionality. const P

pub.dev

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

 

 

 

반응형

'Flutter' 카테고리의 다른 글

[Flutter] 프로젝트에 폰트 적용하기  (0) 2024.01.04
GoRouter 사용하기  (1) 2023.12.23
GestureDetector의 터치 범위  (0) 2023.12.13
addPostFrameCallback 사용하기  (0) 2023.12.13
[Riverpod] ref가 없는 곳에서 ref 쓰기?  (0) 2023.12.08