无法使用 react-native-image-picker 显示图像

Question

我正在尝试集成 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 上，横向。感谢任何帮助。

Answer 1

显示的任何图像都应该固定 width 和 height。

您可以像这样使用 Dimension var { width, height } = Dimensions.get("window"); 以根据屏幕尺寸使用高度和宽度（不要忘记从 react-native 导入）。

或者您可以直接为各个参数赋予自己的值。

无法使用 react-native-image-picker 显示图像

Unable to display image using react-native-image-picker

android

image

ios

react-native

react-native-image-picker