React Native / Expo - 将图像传递到预览屏幕

Posted 2023-02-21

【中文标题】React Native / Expo - 将图像传递到预览屏幕

【英文标题】：React Native / Expo - Pass Image to Preview Screen

【发布时间】：2019-09-09 08:28:07

【问题描述】：

我正在使用 Expo 相机 API 拍照 --

//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>
      );
    

但是我得到了一个失败的道具类型作为来源。

最好的方法是什么？

【参考方案1】：

答案是只在图像标签中指定 URI 选项。

所以

<Image source=data.uri />

成为

<Image source= uri: data.uri />