Flutter: AppBar의 뒤로 가기 버튼 동작 커스텀하기

Flutter에서 앱을 개발하다 보면, 기본적으로 제공되는 AppBar의 뒤로 가기 버튼의 동작을 변경하고 싶은 경우가 있습니다. 오늘은 이러한 커스텀 동작을 어떻게 구현하는지 간단한 방법을 소개하겠습니다.

기본 동작

Flutter에서 AppBar의 기본적인 뒤로 가기 버튼은 Navigator.pop(context)를 호출하여 현재 화면을 종료하고 이전 화면으로 돌아갑니다.

커스텀 동작 구현하기

이 기본 동작을 변경하려면 AppBar에 leading 속성을 사용하면 됩니다. 이를 통해 원하는 위젯(예: IconButton)을 배치하고 그 위젯의 동작을 직접 정의할 수 있습니다.

Scaffold(
  appBar: AppBar(
    title: Text("커스텀 뒤로 가기 동작"),
    leading: IconButton(
      icon: Icon(Icons.arrow_back),
      onPressed: () {
        // 원하는 동작을 여기에 작성하세요.
        print("뒤로 가기 버튼 클릭!");
        
        // 예를 들면, Navigator.pop(context) 대신 다른 화면으로 이동하게 할 수 있습니다.
        // Navigator.push(context, MaterialPageRoute(builder: (context) => OtherPage()));
      },
    ),
  ),
  body: Center(child: Text("커스텀 뒤로 가기 동작의 예")),
)

마치며

이렇게 간단하게 Flutter의 AppBar에서 뒤로 가기 버튼의 동작을 커스텀할 수 있습니다. 여러분의 앱에서 필요한 동작을 적용하여 사용자에게 더 나은 사용자 경험을 제공하시길 바랍니다.