[Flutter/플러터] 플러터 화면 이동 Navigator.push(), Navigator.pop(), MaterialPageRoute

class MainScreen extends StatelessWidget {
  const MainScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Main Screen"),
      ),
      body: GestureDetector(
          child: Image.network("https://picsum.photos/250?image=9"),
        onTap: () {
          Navigator.push(context, MaterialPageRoute(builder: (_) {
            return DetailScreen();
          }));
          // 아래처럼 사용할 수도 있습니다.
          // Navigator.push(context, MaterialPageRoute(builder: (context) => DetailScreen()));
        },
      ),
    );
  }
}

class DetailScreen extends StatelessWidget {
  const DetailScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: GestureDetector(
        onTap: () {
          Navigator.pop(context);
        },
        child: Center(
          child: Image.network("https://picsum.photos/250?image=9"),
        ),
      ),
    );
  }
}

 

push 는 원하는 페이지로 이동

pop은 이전 페이지로 복귀