[11] Flutter 페이지 이동(화면이동)

찬과장·2025년 5월 2일
0

Flutter

목록 보기
11/22
post-thumbnail

페이지 이동 학습 목표

  • Navigator를 활용하여 페이지를 이동할 수 있다.
  • Push, Pop의 차이를 이해한다
  • 페이지 이동에 대한 예제를 풀 수 있다.
  • https://grow-grow.tistory.com/7
  • 수정하기

화면이동 이론

  • Flutter에서 화면 간 이동 처리를 위해 Navigator 사용!
  • Navigator 내 push(), pop(), replace() 메소드를 이용해서 페이지 이동
  • Navigator는 전환 애니메이션을 사용하여 화면을 Stack으로 관리,
  • BuildContext를 이용해서 어떠한 페이지로 이동할지 Routing하여 페이지 이동

Stack 구조란?

  • 데이터를 차례대로 쌓아 데이터를 관리 : FILO구조
  • 데이터 삽입은 push
  • 데이터 삭제는 pop로 구성
  • 참고) 들어온 순서대로 나가는 FIFO Queue 구조 있음

BuildContext란?

  • Flutter의 모든 Widget은 build 라는 메소드를 가지고 있음
  • 안드로이드의 Context가 있듯이 Flutter에 BuildContext가 존재
  • SnackBar를 보여주거나 화면이동 등 buildContext를 사용하여 호출
  • Flutter는 위젯으로 시작해서 위젯으로 끝난다
  • Flutter UI의 가장 작은 단위는 위젯이다
  • BuildContext는 현재 빌드에 대한 정보를 저장하는 객체(위젯의 모양, 환경, 동작 등

route란?

  • 기본적인 프로그래밍 관점의 의미

    • 디바이스와 네트워크를 다른 네트워크를 연결하는 네트워킹 디바이스
      경로 결정, 데이터 전달 등을 담당
  • Routing이란?

    • 네트워크에서 경로, 링크를 선택하는 프로세스
      => 결국 flutter의 route도 유사
      어느 화면으로 이동할지 경로 결정하고 해당 페이지로 데이터 전달하는 기능

코드 구조

메소드 종류

  • Flutter에서 화면 간 이동 처리를 위해 Navigator 내 메소드 종류

  • push(), pushNamed(), pushAndRemoveUntil(), pop(), canPop(), pushReplacement() 등

profile
나는,,,,,,,,,나다

0개의 댓글