더북(TheBook)

9.3.2.2 ActionSheetIOS로 선택하기

이번에는 iOS에서 모달 대신 ActionSheetIOS로 사용자가 원하는 작업을 선택할 수 있도록 구현해주겠습니다. 참고로 방금 안드로이드를 위해 만든 모달을 iOS에서 사용해도 전혀 문제가 되지 않습니다. 하지만 iOS에서는 ActionSheetIOS를 사용하는 것이 더욱 자연스럽기에, 이를 사용하겠습니다.

ActionSheetIOS의 사용법은 다음과 같습니다.

ActionSheetIOS.showActionSheetWithOptions(
  {
    options: ['작업1', '작업2', '작업3', '취소'],
    title: '제목',
    message: '설명',
    // 버튼이 빨간색으로 나타납니다. 주로 삭제, 초기화 같은 작업을 할 때 사용합니다.
    destructiveButtonIndex: 2, 
    cancelButtonIndex: 3, // 취소 버튼의 index를 정합니다.
  },
  (buttonIndex) => {
    // 선택한 버튼의 index 값을 파라미터로 받아옵니다.
  },
);

CameraButton 컴포넌트를 다음과 같이 수정해보세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.