[Swift/iOS] 스토리보드로 bottom Sheet 만들기

네이버 지도에서 주변 탭 클릭 시 하단에서 뷰가 올라오는 바텀 시트를 구현해보자.

 

 

HeaderMap 스토리보드에서 버튼을 누르면 MapListView 스토리보드가 하단에서 올라와야 한다.

HeaderMap

내가 개발 중인 앱이다. 잘 보이지 않지만(UI 수정해야함...) 왼쪽 하단 쪽에 버튼을 누르면 바텀시트가 올라오게 해보자

 

 

MapListView

 

 

 

아래의 코드는 MapViewController에서 작성되었다. 

@IBAction func showMapList(_ sender: Any) {
        let storyboard = UIStoryboard(name: "MapListView", bundle: Bundle.main)
        let bottomSheetVC = storyboard.instantiateViewController(identifier: "MapListView")
        
        guard let sheet = bottomSheetVC.presentationController as? UISheetPresentationController else{
            return
        }
        sheet.detents = [.medium(), .large()]
        sheet.largestUndimmedDetentIdentifier = .large
        sheet.prefersGrabberVisible = true
        
        self.present(bottomSheetVC, animated: true)
    }

 

 

Reference