일단 구현해야하는 부분 중에서 너무나도 애를 먹었던 부분은 image-picker 을 이용한 이미지 업로드 부분이었다.
(리뷰부분은 더미데이터부분!)
구역을 나눠서 작성하는데 나중에 안거지만 버튼별로 꼬여있었고, 디폴트 이미지가 안나오는 상황이었다.
그래도 제공해주신 코드 덕분에 어느정도 할 수 있었는데, 앱에서 image-picker 사용은 사실상 강제적이라고 볼 수 있다...
대체안이...없기 때문이다...ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
따라서 image-picker을 사용한다는 전제하에 다른 대원분의 코드를 양분삼아서... 조금 고쳐서 작성했다.
// 이미지 선택&갤러리 (이미지피커)
const [pickedImg, setPickedImg] = useState(authService.currentUser.photoURL);
const [status, requestPermission] = ImagePicker.useMediaLibraryPermissions();
const pickImage = async () => {
if (!status?.granted) {
const permissions = await requestPermission();
if (!permissions.granted) {
return null;
}
}
const result = await ImagePicker.launchImageLibraryAsync({
mediaTypes: ImagePicker.MediaTypeOptions.Images,
allowsEditing: false,
aspect: [4, 3],
quality: 1,
});
const [{ uri }] = result.assets;
setPickedImg(uri);
};