问题标签 [react-native-camera]

我有兴趣使用 React-Native 在相机视图顶部放置一个视图，类似于以下内容：

是否有插件或平易近人的方式来做到这一点？，现在，我只对放置图像并识别房间中的某个人感兴趣？（4个人在同一个房间，如果我指向一个，显示文字A，如果我指向另一个，显示文字B，依此类推）

我一直在尝试让 react-native-camera 的视频功能正常工作，但是我尝试了很多方法，但总是遇到同样的错误。这是我的代码：

当我在 stopCapture() 方法上使用 '.then' 承诺时，我收到错误“无法读取未定义的属性 'then'”，但如果我不添加 '.then'，则什么也不会发生，我不会'没有收到任何数据。有人有什么建议吗？

所以我正在做一个项目，该项目使用来自https://github.com/lwansbrough/react-native-camera的 react-native 摄像机并让它工作。该组件将拍摄视频，数据将在 Xcode 的控制台中打印。不幸的是，我在我的计算机上丢失了这个文件和其他几个文件，并且正在从头开始重新启动应用程序。我一直在尝试重新创建具有视频录制功能的相机，但无法使其正常工作。有谁知道我做错了什么，因为我似乎无法弄清楚。当我将 captureMode 更改为相机时，数据将打印出来，但视频不会发生任何事情。这是我的组件：

如何将 RCTRootView 作为子视图添加到应用程序 RootViewController。

这就是我想要实现的。我有一个 iOS 本机应用程序，可以将一些 OpenGLES 内容呈现到视图上。它显示设备摄像头馈送并跟踪用户面部并在其上显示一些可视化（很像 snapchat AR 过滤器）。这一切都很好，我也有原生的 iOS UIKit 元素。我想在这个摄像头提要上覆盖一些 react-native UI 元素（删除 UIKit 组件）并实现 UI 功能。

所以我想在 react-native (RCTRootView) 下面有相机馈送（即：打开 gl 视图）。大多喜欢这个链接。我几乎做到了，但有一些烦人的布局问题。

默认 AppDelegate.m 实现

尝试将其添加为子视图会导致此

灵活的宽度和高度导致了这个

在我看来，这可能是布局问题？但我会以错误的方式解决这个问题吗？欢迎任何帮助。

ps：这就是带有 react-native UI atm 的 AR 相机馈送视图的样子。

pps：如果我不将 RCTRootView 添加为子视图，那么它将始终在后台（即摄像头馈送将始终位于 react-native UI 视图的顶部）

我不知道如何使用react-native-camera捕获方法获取捕获的图像的元数据。

我假设它是这样的：

但它只返回路径，所以：

我不清楚文档元数据的使用情况。传递元数据参数的正确方法是什么？有没有人让这个工作？

希望有人可以帮助我。尝试用相机拍照并将其转换为base64图像。我在某处读到它是内置在相机中的，但不知道到底该怎么做。以下是我设置相机的方法：

这也是我拍摄照片时的代码：

}

该对象只是返回它看起来的文件的位置..希望它返回base64 ..但无法弄清楚如何做到这一点。

TL;DR：不适用于 IOS10 模拟器。然而，IOS9 似乎还不错。

我一直在尝试实现每个人似乎都推荐的 L Wansbrough 的react-native-camera模块。在 10 个小时未能让它工作之后，我真的真的需要一些帮助。

我放弃了尝试将它纳入我现有的项目，所以现在我只是尝试在一个全新的领域从头开始做这件事。这就是我正在做的事情：

好的，新项目制作完成。让我们确保版本是正确的：

我得到react-native-cli: 1.0.0 react-native: 0.36.0回报。只是为了全面检查要求：

返回： java 版本“1.8.0_112” Java(TM) SE Runtime Environment (build 1.8.0_112-b16) Java HotSpot(TM) 64-Bit Server VM (build 25.112-b16，混合模式)

所以要求看起来很可靠。现在：

成功 - 应用程序在模拟器中运行，一切正常。现在我尝试按照文档安装 react-native-camera。首先，有一个关于我的模拟器正在运行的 iOS10 的新要求部分。您需要将有关相机的隐私密钥添加到 Info.plist 文件中。这似乎已从源代码的示例信息文件中省略，并且文档没有所需的代码。我已经挖掘并添加了以下内容cameraProject/ios/cameraProject/Info.plist：

这是在列表中按字母顺序添加的，在第 25 行附近。令人耳目一新的模拟器，一切都很好。下一个：

其次是：

完美的; 我收到了我期望的消息：

一切仍然正常工作。进入“使用”部分。我将从 GitHub 复制代码并将其粘贴到一个名为 BadInstagramCloneApp.js 的模块中，然后将其导入 index.ios.js 并使用 basicimport BadInstagramCloneApp from './BadInstagramCloneApp';将其粘贴到主体中<BadInstagramCloneApp />。

刷新模拟器： 错误

好的，所以退出模拟器，关闭终端并重新运行react-native run-ios，因为我认为应该重建。它仍然不起作用，抛出：

我已经加载了 Xcode 并查看了链接文件的手动说明。我的库文件夹已经有该RCTCamera.xcodeproj文件。它也已经libRCTCamera.a在 cameraProject->Build Phases->Link Binary with Libraries 部分。标头搜索路径中包含正确的项目，并且根据说明将它们都标记为“递归”。然后 CMD+R 运行项目。新的模拟器加载，看起来它会工作，然后以相同的红色屏幕摔倒。退出 Xcode，react-native run-ios从终端再次运行（说构建成功），它仍然给出与上面相同的错误。

我已经尝试了我能想到的所有排列方式。我已经尝试从示例文件中复制代码，我已经尝试过旧版本的模块，并且我已经遵循了一些在线教程，这些教程也应该启动 react-native-camera。除了红屏或应用程序崩溃之外，我尝试过的任何事情都没有结束。

建议？我要做的就是允许用户拍照，然后将该照片作为 Base64 编码对象返回。

index.ios.js

坏InstagramCloneApp.js

console.log 然后抛出这个：

如果我退出所有内容，重新加载，使用重建，react-native run-ios那么项目会正确构建，但在显示初始屏幕后崩溃。控制台不记录任何错误，但如果我从开发工具中选择“暂停所有捕获的异常”，那么它会在此处显示停止：

如果我尝试从 Xcode 而不是终端运行，那么它会正确构建，模拟器会启动，但在 Xcode 中它会打开 cameraProject->Libraries->RCTCamera.xcodeproj->RCTCameraManager.m 并突出显示第 988 行：

对此有什么想法吗？

我正在尝试在 React-native 应用程序中实现相机。该应用程序的目标是录制视频并上传，然后将其从手机中删除。我设法使用 react-native-camera 录制了视频。

React-native-camera 返回录制视频的路径。我尝试将这条路径放在 react-native-video 中。但这会使应用程序崩溃。我是否必须使用 react-native-fs 之类的东西来加载 react-native-video 的视频，或者我该怎么做？

这会使应用程序崩溃，即使 this.props.file.path 具有录制视频的路径，在 Android 上看起来像这样：

file:///storage/emulated/0/Pictures/Vid_xxxxxxx_xxxxx.mp4

如果我将视频保存到 cameraRoll，它就如预期的那样。

我在用

我正在尝试将使用 react-native-video 录制的视频上传到 firebase - 这有效，但突然停止工作，现在没有成功。

我正在使用以下代码，其中 this.props.file.path 看起来像这样：

文件：///storage/emulated/0/Pictures/vidid.mp4

我尝试编写 Firebase 支持，但由于这是一种解决方法，因此对我没有帮助。

我的 blob 对象如下所示：

我正在我的反应本机应用程序中实现相机。单击后，我想在同一屏幕上的小图像视图中显示该相机最近捕获的图像。但我不知道如何访问最近点击的图像。每当通过电话单击任何新图像时，它都会被赋予一个默认的随机名称，我如何在图像视图的源中引用它？请建议我一些方法来做到这一点。我的代码是