이미지 업데이트가 안 되는 이슈 해결 / showImagePicker 대체 방법 질문드립니다.

안녕하세요. 

안드로이드로 실습하는 중에 이미지 업데이트가 안 되어서 문의드리려다가 해결해서 공유하며, 질문도 하나 드립니다.  질문은 맨 아래에 있습니다. 

현재 react-native는 0.66.4 버전을, react-native-image-picker는 4.6.0 버전을 사용 중이고요. 

app.js 코드는 아래와 같습니다. useState로 `avatar`를 업데이트 했으니 이미지가 떠야할 것 같은데 안 뜨더라고요. 

const App: () => Node = () => {
  const [avatar, setAvatar] = useState('');

  const addImage = () => {
    requestCameraPermission();
    // launchCamera({}, response => {
    //   console.log('response: ', response);
    //   setAvatar(response.uri);
    // });
    launchImageLibrary({
      title: 'Choose your photo',
      takePhotoButtonTitle: 'Take a pretty one.',
      chooseFromLibraryButtonTitle: 'Select an old one.',
      cancelButtonTitle: 'Just go back',
    }, response => {
      console.log('response: ', response);
      setAvatar(response.assets[0].uri);
    });
  }


  return (
    <View style={styles.container}>
      <Image source={{uri: avatar}}
             style={styles.avatar}
             key={avatar}/>
      <Button title='Add an Image'
              onPress={() => addImage()}/>
    </View>
  );
};

위에 `console.log`로 response를 확인해보면 response: { assets: [{ ..., uri: ... }] 이런 형태더라고요. 그래서 위처럼 response.uri 대신에 response.assets[0].uri 로 처리해서 해결했습니다. 이후에 비슷한 이슈를 겪으시는 분들께 도움이 되길 바라요. 

다음은 질문인데요. ImagePicker.showImagePicker 함수를 라이브러리가 더이상 지원을 하지 않게 된 것 같은데, 동일하게 사진을 찍거나 이미지 추가 중에 선택할 수 있게 해주려고 하면 어떤 식으로 처리해야하나요? 버튼을 하나 더 추가하는 건 군더더기가 늘어나는 느낌인데 한 번에 처리할 수 있는 방법이 있을지 궁금합니다.