gorouter

Flutter/GoRouter

[Flutter] go_router - 4 : Parameters 설정

* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. 우리가 흔히 사용하는 웹상의 주소를 살펴보면 빨간색 영역이 도메인 영역 파란색은 path Parameter 초록색 영역은 queryString 영역입니다. 앱에서도 이처럼 pathParameter와 queryString을 이용해서 라우팅 관리를 할 수 있습니다. go_router를 이용해서 pathParameter와 queryString을 다루어 보겠습니다. 1. path Parameter path(길, 경로) 즉 이동하고 싶은 길이나 경로를 정해줘야 합니다. final router = GoRouter( routes: [ GoRoute( path: '/', bui..

Flutter/GoRouter

[Flutter] go_router - 3 : push, pop 페이지 이동

* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. Navigator.push(context, MaterialPageRoute(builder: (context) => APage())); Navigator.pop(context); 일반적으로 페이지를 이동할 때 위와 같은 코드를 사용하여 페이지를 이동하고 뒤로 오는 작업을 수행할 것입니다. go_router에서도 push와 pop을 똑같이 사용이 가능합니다. final router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) { return APage(); }, ), GoRoute( path..

Flutter/GoRouter

[Flutter] go_router - 2 : 초기 페이지 설정

* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. final router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) { return APage(); }, ), ], ); go_router 1번 글에서 path가 ' / ' 경우에는 초기 페이지로 설정되어 앱을 실행시키면 해당 페이지가 빌드된다고 했습니다. final router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) { return APage(); }, ), GoRoute( path: '/b', build..

Flutter/GoRouter

[Flutter] go_router - 1 : 프로젝트 적용

* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. https://pub.dev/packages/go_router go_router | Flutter Package A declarative router for Flutter based on Navigation 2 supporting deep linking, data-driven routes and more pub.dev flutter에서 라우팅 관리로 자주 쓰이는 패키지인 go_router를 적용해 보도록 하겠습니다. 1. 패키지 등록 pubspec.yaml 파일에 go_router 패키지를 등록시켜 줍니다. 2. router 파일 생성 router들을 관리하기 위..

주톨
'gorouter' 태그의 글 목록