Alert.alert 함수의 파라미터는 제목, 내용, 버튼 배열, 옵션 객체 순서입니다. 버튼 배열에 넣는 버튼 객체에는 text 값을 통해 버튼의 이름을 지정할 수 있고, onPress를 통해 버튼이 눌렸을 때 호출할 함수를 설정할 수 있습니다.
style은 cancel, default, destructive 값을 설정할 수 있는데 iOS에서만 작동합니다.
• cancel: 취소를 의미하며 폰트가 두껍게 나타납니다.
• default: 기본을 의미하며 기본 버튼(파란색 텍스트)이 나타납니다.
• destructive: ‘파괴적’인 것을 의미하며 지금과 같이 삭제하는 상황에 적합한 스타일입니다.
참고로 안드로이드는 버튼에 스타일이 적용되지 않습니다. 만약 버튼 스타일을 변경하고 싶다면 Alert처럼 보이는 컴포넌트를 직접 제작해야 합니다. 컴포넌트를 직접 만드는 것에 대해서는 추후 다뤄보겠습니다.
4번째 파라미터로 넣는 옵션 객체에는 cancelable 값을 통해 안드로이드에서 Alert 박스 바깥 영역을 터치하거나 Back 버튼을 눌렀을 때 Alert가 닫히도록 설정할 수 있습니다. onDismiss는 Alert가 닫힐 때 호출되는 함수입니다.
이제 다시 삭제 아이콘을 눌러보세요. 다음과 같이 Alert가 나타났나요? 좌측은 iOS, 우측은 안드로이드입니다.
▲ 그림 4-12 Alert