反应本机相机 - 如何？答案

【问题标题】：React Native Camera - How?反应本机相机 - 如何？
【发布时间】：2020-02-13 02:04:03
【问题描述】：

我按照https://github.com/react-native-community/react-native-camera/blob/master/docs/installation.md的步骤操作

为我的 ios 应用安装摄像头，并成功下载了使用摄像头所需的库。现在我对如何在我的应用程序中实现它感到困惑。我在 GitHub、docs 上环顾四周，并尝试了几个视频，但就是不知道接下来我应该做什么。我不确定如何在我的应用程序上使用相机/让它显示，我刚刚下载了它的库。

到目前为止我所拥有的：从'react-native-camera'导入{RNCamera}；

<RNCamera  ref={cam => {this.camera = cam}}  style={styles.preview}  
aspect={Camera.constants.Aspect.fill}>  
<Text style={styles.capture} onPress={this.takePicture.bind(this)}>  
[CAPTURE]  
</Text>
  </RNCamera>

这应该放在单独的班级吗？它对我的输出没有任何作用。我已经学习了 Javascript/ReactJS 的基础知识，现在我正在尝试将它们放在一起。

【问题讨论】：

添加一些你现在已经完成的代码会有帮助
@keikai - 我只是导入了相机： import {RNCamera} from 'react-native-camera';我假设我需要某种使用这个相机库的组件，对吧？
这个问题似乎根本没有包括任何解决问题的尝试。请编辑问题以显示您尝试过的内容，并使用Minimal, Complete, and Verifiable example 显示您遇到的特定障碍。欲了解更多信息，请参阅How to Ask。
@Andreas 感谢您的推荐，我添加了更多信息

标签： reactjs react-native

【解决方案1】：

看起来可能就像从包中导入Camera并使用它作为<Camera />一样简单！不过，首先需要设置一些权限（请注意：“您想允许应用程序“某些应用程序”访问您的相机吗？）

这里有一个代码示例，权限是第一位的，但用法部分显示了 React 代码：

https://www.google.com/amp/s/reactnativeexample.com/a-camera-component-for-react-native/amp/

很抱歉，这看起来不像您已经安装的同一个 npm 包。您可以替换它，或者仅使用此演示作为指导，它们很可能几乎相同。

【讨论】：