React Native / Expo - передача изображения на экран предварительного просмотра - PullRequest
Новая
       12

React Native / Expo - передача изображения на экран предварительного просмотра

0 голосов
/ 19 апреля 2019

Я делаю снимок с помощью API камеры Expo - 

//CameraScreen.js

capture = async () => {
    if(this.camera){
      this.camera.takePictureAsync()
      .then( (data) => {
        console.log(data)
        this.props.navigation.navigate("PreviewScan", {data: data})
      })
    }
  }

После того, как я сделал снимок, я хочу перейти на другой экран, где я могу просмотреть изображение и загрузить / сделать что угодно с.Я попытался передать данные через параметры и извлечь их на экране предварительного просмотра - 

// PreviewScreen.js

render(){

      const data = this.props.navigation.getParam('data');

      console.log(data);

      return (

        <View style={{ flex: 1 }}>

          <Image source={data.uri} />

          <TouchableOpacity style={styles.backButton} onPress={ () => { this.goBack() } }>
            <Image source={require('../assets/icons/back-arrow.png')} />
          </TouchableOpacity>
        </View>
      );
    }

Но я получил тип Failed Prop для источника.

Какой лучший способ сделать это?

1 Ответ

0 голосов
/ 19 апреля 2019

Ответом было просто указать опцию URI в теге изображения.

так

<Image source={data.uri} />

стал

<Image source={{ uri: data.uri }} />

...