用 react-native-camera 反应原生通量路由器

Posted 2023-03-11

【中文标题】用 react-native-camera 反应原生通量路由器

【英文标题】：react native flux router with react-native-camera

【发布时间】：2016-12-16 13:10:27

【问题描述】：

我正在尝试预览我在下一个场景中获得的图像，但是当我单击相机按钮时没有发生过渡。

import  Actions  from 'react-native-router-flux';
import Camera from 'react-native-camera';

export default class PageTwo extends Component 
  render() 
    return (
      <View style=styles.container >
         <Camera ref=(cam) =>  this.camera = cam; 
            style=styles.preview
            aspect=Camera.constants.Aspect.fill>
                <Text style=styles.capture 
                      onPress=this.takePicture.bind(this)> 
                         <Icon name="ios-camera"/>
                </Text>
         </Camera>
      </View>
    )
 

 takePicture() 
     this.camera.capture()
       .then((data) => Actions.previewimg);
 

【问题讨论】：

如何定义场景？

@AhmedAli 你是什么意思？

【参考方案1】：

我认为问题在于您没有正确调用路由器转换。 Actions 拥有一个转换到某个屏幕的函数，每个 <Scene> 的 key 属性中给出了相同的名称。这些是函数，所以你必须调用它们。更改您的代码：

takePicture() 
     this.camera.capture()
       .then((data) => Actions.previewimg());

此外，除非您明确这样做，否则数据不会传递到下一个屏幕。所以你的代码应该是这样的：

takePicture() 
     this.camera.capture()
       .then((data) => Actions.previewimg(data: data);

然后您的previewimg 场景将有一个名为data 的额外道具来保存您的图像。

【讨论】：

没有在日志上得到任何东西，当我点击按钮时它现在崩溃了：/

看起来组件的本机代码没有正确包含在代码中。你可能想检查一下。另外，您是否检查过本机应用程序日志（例如 adb logcat）？

【参考方案2】：

martinarroyo 的答案是正确的方法。您必须正确调用它并传递数据，您必须将其作为参数传递。

应用程序崩溃主要在 android 设备上。您必须检查您的本机 Java 代码并将其与 权限 一起正确插入（许多人忘记了权限）。有时由于经常崩溃，您的相机通常会停止工作。因此，给它一些时间并打开您设备的默认相机应用程序，然后再次打开您的应用程序。它会起作用的。