react-native-image-pickerを統合しようとしていますが、正常にインストールできました。ログのギャラリーから画像を選択しようとすると、imageSource に値があることが示されますが、表示されません。現在、iOSシミュレーターで実行しています。以下は私のコードです
import ImagePicker from "react-native-image-picker";
const options = {
title: "Select a photo",
takePhotoButtonTitle: "Take a photo",
chooseFromLibraryButtonTitle: "Choose from gallery",
quality: 1
};
constructor(props) {
super(props);
this.state = { imageSource: null };
}
addImage = () => {
ImagePicker.showImagePicker(options, (response) => {
console.log('Response = ', response);
if (response.didCancel) {
console.log('User cancelled image picker');
} else if (response.error) {
console.log('ImagePicker Error: ', response.error);
} else {
const source = { uri: response.uri };
this.setState({
imageSource: source,
});
console.log("Imagesource=" + JSON.stringify(source));
}
});
}
render() {
return (
<View style={styles.container}>
<Image source={this.state.imageSource} />
</View>
);
}
コンソール ログには、ギャラリーから選択した画像へのパスが出力されますが、表示されません。横向きのiPadで実行しています。どんな助けでも大歓迎です。