돌아오신 것을 환영합니다
이 영상에서는 이 뒤로가기 버튼을 사용 가능하도록 작업하겠습니다
참고로 얼마든지 이 추가 버튼의 외형을 바꾸셔도 됩니다
이 뒤로가기 버튼을 눌렀을 때 뒤로 돌아가도록 하겠습니다
이 작업은 어떻게 할까요?
여기 Navigation 위에 AppBar이 바로
Back Button(뒤로가기 버튼)을 눌렀을 때 일어날 일을 디자인했던 곳입니다
그러므로 지금은 이 AppBarView로 전달된 것을 사용하고 있는데
그리고
이걸 실행하는데
Back Button(뒤로가기 버튼)은 어디에서 가져올까요?
HomeView에서는 보이지 않는데, 이 AppBar 안에서 디자인할 수도 없습니다
AppBar는 Navigation(탐색)에 대한 구현을 담당하고 있지 않고
대신 BackNavClicked에 대한 부분을 담당하므로 실질적인 implementation(구현)으로 볼 수는 없습니다
이것을 어디에서 구현해야 할까요?
AddEditDetailView 속에 Scaffold가 있는데 바로 여기입니다
AppBarView인데 지금은 title밖에 없고
여기까지 이어집니다
AppBarView가 Back Button(뒤로가기 버튼)을 클릭했을 때 수행할 작업을 구현해 주기도 합니다
그 작업을 여기에서 하는 것입니다
여기에 navController를 pass로 전달하고
.navigateUp을 사용하겠습니다
이것은 하나의 method(메소드)인데
이 AppBar 다음에 옵니다
그러므로 AppBarView의 topBar 내부에 있는데, 여기까지 이어지는 내용입니다
그리고 괄호를 써서 AddEditDetailView 내부에 navController을
썼습니다
그리고 navController을 통해서 navigateUp을 쓰는데, 즉 다시 뒤로 돌아가는 것입니다
설명을 보겠습니다, 탐색 hierarchy(계층 구조)에서 위로 탐색하려고 시도합니다
사용자가 앱 UI의 왼쪽 상단 또는 시작 모서리에 왼쪽/시작 방향 화살표가 표시된 'up(위로)' 버튼을 누르는 데 적합합니다
사용자가 애플리케이션 자체 작업에서 현재 대상에 도달하지 못한 경우 'up'의 의도된 동작은 'back'과 다릅니다
예를 들어 사용자가 다른 앱 작업에서 호스팅되는 활동에서 현재 앱의 문서나
링크를 보고 있는 경우입니다
즉 이 상황에 완벽한 도구인데, 이 화면에 도달하기 위해
'up(위로)' 버튼을 누름으로써 이전의 화면으로 돌아가려고 하기 때문입니다
즉 HomeView로 가려는 것입니다
이것을 테스트해 보겠습니다
정말 화면을 전환해서 탐색할 수 있을 지 보겠습니다
그리고 이 버튼에 기능이 잘 들어갔는지도 볼 수 있을 것입니다
앱에서 테스트를 하는 방법은 항목을 새로 만드는 것입니다
그 다음에, 이것이 현재 화면인데
Back Button(뒤로가기 버튼)을 눌러서 다시 Wishlist(위시리스트)페이지로 가는지 보겠습니다
하나 더 구현할 수 있는 내용은, 이 작은 요소를 클릭할 때에
AddEditDetailView로 넘어가도록 하는 것입니다
거기로 돌아가게 되는데, 사실 동일한 화면으로 넘겨 줄 것입니다
즉 이 기능이 동일하게 작동한다는 의미입니다
좋습니다
이 영상은 여기까지입니다
다음 영상에서 뵙겠습니다