상세 컨텐츠

본문 제목

카메라 접근 react-native-image-picker

react-native-tool

by RNDK 2023. 6. 28. 11:36

본문

import {Alert, Linking} from 'react-native';
import {launchCamera} from 'react-native-image-picker';

/**
* @param setImgError image error - 이미지가 아닌경우
* @param setImg image - 이미지 데이터 array
* @description 모바일 카메라 실행
*/
export const pickCamera = (
setImgError: React.Dispatch<React.SetStateAction<string | null>>,
setImg: React.Dispatch<React.SetStateAction<object | null>>,
) => {
setImgError(null);
launchCamera(
{
mediaType: 'photo',
includeBase64: false,
maxHeight: 1000,
maxWidth: 1000,
},
response => {
if (response.didCancel) {
} else if (response.errorCode) {
console.log('ImagePicker Error: ', response.errorCode);
Alert.alert('알림', '카메라 권한을 허용해주세요.', [
{
text: '취소',
onPress: () => console.log('Cancel Pressed'),
style: 'cancel',
},
{
text: '설정',
onPress: () => Linking.openSettings(),
},
]);
} else if (response.errorMessage) {
} else {
const res = response?.assets || [];
const body = {
name: res[0].fileName,
type: res[0].type,
uri: res[0].uri,
};
setImg(body);
}
},
);
};

관련글 더보기

댓글 영역