[Flutter] Widget - Navigator

1. Navigator란?

Navigator는 스택 구조(First In, Last Out) 기반의 페이지 관리 Widget입니다.

 

Navigator Widget의 사용 방법은 2가지로 나눌 수 있습니다.

1) Navigator API

 -  페이지 이동이 순차적인 경우에 적합합니다.

2) Pages API

 - 페이지 이동이 다양한 경우에 적합합니다.

2. Navigator 생성자 및 속성

https://api.flutter.dev/flutter/widgets/Navigator-class.html

Navigator class - widgets library - Dart API

Flutter Material API 가이드를 통해 Navigator Widget의 중요 Static 메소드에 대해 정리해보도록 하겠습니다.

 

○ 메소드(Methods)

1) push

<push 메소드>

- 역할 : 지정한 페이지로 화면 전환(일반 Route 방식)

 

2) pushNamed

<pushNamed 메소드>

- 역할 : 지정한 페이지로 화면 전환(이름 지정 Route 방식)

 

3) pushAndRemoveUntil

<pushAndRemoveUntil 메소드>

- 역할 : 지정한 페이지로 화면을 전환(일반 Route 방식)하고, Stack에서 모든 이전 페이지 내역 삭제

 

4) pushNamedAndRemoveUntil

<pushNamedAndRemoveUntil 메소드>

- 역할 : 지정한 페이지로 화면을 전환(이름 지정 Route 방식)하고, Stack에서 모든 이전 페이지 저장 내역 삭제

 

5) pushReplacementNamed

<pushReplacementNamed 메소드>

- 역할 : Stack에서 현재 페이지 저장 내역을 삭제하고, 지정한 신규 페이지로 화면 전환(진입 Animation)

 

6) pop

<pop 메소드>

- 역할 : 이전 페이지로 화면 전환

 

7) popUnti

<popUntil 메소드>

- 역할 : Stack에서 지정한 페이지가 나올 때까지, 이전 페이지 저장 내역 삭제

 

8) popAndPushNamed

<popAndPushNamed 메소드>

- 역할 : Stack에서 현재 페이지 저장 내역을 삭제하고, 지정한 신규 페이지로 화면 전환(종료 Animation)

3. Navigator 예제 코드 및 실행 결과