Невозможно отобразить изображение с помощью response-native-image-picker - PullRequest
Новая
       19

Невозможно отобразить изображение с помощью response-native-image-picker

0 голосов
/ 03 января 2019

Я пытаюсь интегрировать response-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 с альбомной ориентацией. Любая помощь приветствуется.

1 Ответ

0 голосов
/ 03 января 2019

Любое показанное изображение должно иметь фиксированные значения width и height.

Вы можете использовать Dimension как этот var { width, height } = Dimensions.get("window");, чтобы использовать высоту и ширину относительно размера экрана (не забудьте импортировать из react-native).

Или вы могли быпросто продолжайте и присвойте свои значения соответствующим параметрам.

...