flutter route

 플러터에서 페이지 UI 개념은 라우트(route)로 정의하고 있다. 라우트 생성과 이동은 사용자 동작 시나리오와 관련이 있어 매우 중요하다. 라우트(route)는 안드로이드 네이티브 코드의 액티비티(Activity)와 iOS 네이티브 코드의 뷰컨트롤러(ViewController)와 대응되는 개념이다. 라우트의 기본 구성과 동작 원리에 대해서 알아보자.

사용자에게는 페이지(Page) 개념으로 익숙한 위와 같은 예시 화면이 route 단위로 보면 되며, 대화상자(Dialog) 등은 route 개념으로 볼 수 없다. route 내에는 Appbar나 기타 페이지를 구성하는 요소들이 하위 위젯(widget)으로 포함될 수 있다.

라우트(route)의 특징으로는 UI 상으로 뒤로가기 아이콘이 자동으로 생성된다. (위 그림의 item 2) 뒤로가기 아이콘은 휴대폰의 back키와 상호작용하도록 자동설정된다. 위의 Page1에서 뒤로가기 버튼이 없는 이유는 Page1이 홈화면으로 지정되기 때문에 뒤로가기 아이콘이 생성되지 않는다.

named route를 통해 화면 관리하기

Navigate with named routes

https://flutter.dev/docs/cookbook/navigation/named-routes

만약 여러 곳에서 같은 화면으로 navigate 해야 할 때 매번 Route 코드를 추가해야 하는 중복이 발생할 수 있습니다. 이 문제를 해결해주는 게 “named route"입니다. named route로 navigate를 하려면 Navigator.pushNamed()를 이용해야 합니다.

initialRoute 속성을 사용할 때는 home 속성을 사용하지 말아야 합니다.