Flutter_09.Navigator, Push, PushNamed, Pop

Flutter_08번에서 만든 코드에 Button을 추가하고, Push로 이동하는 것을 추가해보겠다.

[참고 : 2023.05.03 - [개발하기] - Flutter_08. AlertDialog, Navigator, Routing, PushNamed ]

 

 

 

 

Navigator, Push

 

1) home.dart 파일에 GestureDetector를 Column으로 랩핑

 

 

2) Button 2개를 Row로 추가하고, 화면 정렬

 

 

3) 저장하고 화면 확인

 

 

 

4) Button에 Navigator.push(); 추가

context는 현재 화면을 저장하고, 추후 화면 이동 후 돌아올때 다시 보여줍니다.

 

 

5) route에 MaterialPageRoute(builder: ) 추가

return을 페이지1번 A로 넣어줍니다.

 

 

6) 다른 버튼도 동일하게 작업하고 return만 페이지 B로 정의

 

 

 

7) 저장하고 화면 이동 확인

 

 

 

 

 

 

 

Navigator, PushNamed, Pop

 

 

 

1) page1st.dart 파일에 [이전으로][다음으로] 버튼 추가

 

 

 

 

 

2) [이전으로] 버튼에 pop 추가하여 클릭 시 올라간 화면 메모리에서 삭제

 

 

3) [다음으로] 버튼에 pushNamed로 페이지 B 올리기

 

 

4) 저장하고 화면 이동 확인

 

 

반응형