[Flutter] Navigator.push로 화면 전환하기

srchae·2025년 1월 29일
post-thumbnail

NavigatorFlutter에서 화면(페이지, Route)을 관리하는 시스템으로,
이를 통해 화면을 스택(Stack) 구조로 관리하며, 새로운 화면을 추가(push)하거나, 현재 화면을 제거(pop)할 수 있다.

Navigator.push는 현재 화면 위에 새로운 화면을 추가하는 기능을 수행

사용 예시

onTap: () {
        Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => DetailScreen(
                title: title,
                thumb: thumb,
                id: id,
              ),
              fullscreenDialog: true,
            ));
      },

Navigator.push를 사용하여 DetailScreen을 화면에 추가하며, fullscreenDialog: true 옵션을 설정하여 새로운 화면이 전체 화면을 차지하는 Dialog 형식으로 표시되도록 설정

profile
🐥집요함과 꾸준함🪽

0개의 댓글