问题标签 [react-native-camera]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
2547 浏览

reactjs - react-native-camera 视频捕获在捕获后显示预览错误?

我正在使用 react-native-camera 进行视频捕获。我正在构建一些类似 Snapchat 的故事,当你捕捉到旁边的视频时,它会将你带到可以编辑的视频预览屏幕。在 videoCapturing 屏幕按下开始按钮时,它会返回视频的路径,但在按下停止按钮时,它会返回错误,同时将视频存储到我的设备存储中。我已经发布了两个视频捕获屏幕以及按下停止按钮时出现的错误。视频捕获屏幕的附加代码。

我的视频捕获屏幕的图像,即 videocapture.js onpress 开始它开始捕获并按下停止它显示错误 这是我想要停止的东西

0 投票
1 回答
555 浏览

react-native - 使用 react-native-camera 构建错误

我只想在我的 react-native 项目中使用react-native-camera但有一个错误,我需要帮助,我不知道这个错误发生了什么。期待您的回答,谢谢。

错误信息

android/app/build.gradle

0 投票
1 回答
1459 浏览

android - android上的react-native-camera构建错误

嗨,我正在使用以下堆栈: - react-native-camera 1.1.1 - react-native 0.55.3 - gradle 3.1.2

我完成了文档中描述的所有步骤来链接项目(https://github.com/react-native-community/react-native-camera)。

gradle 同步成功结束,但是当我尝试构建项目时出现很多错误:

导入 com.google.android.cameraview.CameraView;

其他错误看起来相同(找不到CameraView)...

这是我的gradle文件:

谢谢你的帮助!

0 投票
2 回答
5742 浏览

android - 反应本机相机 Gradle 同步失败:在存储库容器上找不到参数 [] 的方法 google()

我正在尝试安装react-native-camera.

我做到了npm install react-native-camera react-native link react-native-camera

它给了我错误的说法Gradle sync failed: Could not find method google() for arguments [] on repository container

我也尝试了手动链接,如文档中所述,直到我添加的第 6 步

我使用exifinterface了版本,例如 27.+ 而不是 25.+

我有distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zipdistributionUrl 和classpath 'com.android.tools.build:gradle:2.2.3'

我不知道我错过了什么。当我打开我的 android 工作室时,它给了我错误Gradle sync failed: Could not find method google() for arguments [] on repository container

当我react-native run-android在手机上运行时,它会给我错误提示undefined is not an object (evaluating 'cameramanager.aspect')

谁能帮我我在这里想念什么?

这是我的毕业典礼

0 投票
2 回答
4867 浏览

react-native - React Native Camera:拍照后,如何将其保存在应用程序本身而不是保存在图库中?

这个问题与react-native-camera我在我的一个项目中使用的库有关。

上面的代码将图像保存在图库中。我们如何将它保存在应用程序文件夹或其他一些私人文件夹中,而不是在设备库中显示它?

0 投票
2 回答
3427 浏览

react-native - 未定义不是对象(评估 '_reactNativeCamer.RNCamera.Constants'

我正在尝试 react-native-camera,我总是得到

未定义不是对象(评估 '_reactNativeCamer.RNCamera.Constants'

作为一个错误。

旧相机工作正常,只是新相机无法启动。

我只是复制粘贴了示例代码,但它似乎不起作用!它有什么问题?

谢谢

0 投票
1 回答
386 浏览

android - React Native Camera 在切换类型时重置缩放

您正在使用哪种实现

RCT相机

重现步骤

在 Android 上,有一个 RCTCamera 视图,其 zoom 属性设置为从 this.state.zoom 读取,然后执行

预期行为

另一个相机应该打开,变焦设置为无论变焦道具是什么。

实际行为

另一个相机打开时根本没有设置变焦。

首次安装组件时它可以正常工作,但之后就不行了。在尝试不同的方法时,我遇到了两个抛出的异常:

在某些情况下,会抛出异常,因为setZoom()调用在释放后尝试使用相机。

尝试setZoom在设置状态的同时直接通过 React Native 调用,或者作为 中的回调参数setState,会因为连接相机服务失败而抛出异常。setZoom在不切换相机类型时直接通过 React Native调用可以正常工作。

当前和最接近工作的事情,至少在它不直接抛出异常的情况下,是上面的例子,它带有一些日志记录:

05-02 15:33:30.482 1953-1953/com.appname D/zoom:调用了 CameraView setZoom,设置为 30 05-02 15:33:30.482 1953-1953/com.appname D/zoom:调用了 RCTCamera setZoom,设置cameraType 1 到 30 05-02 15:33:30.672 345-11616/? W/QCameraParameters: [PARM_DBG] zoom_level = 30 05-02 15:33:31.112 345-6416/? W/QCameraParameters: [PARM_DBG] zoom_level = 0 05-02 15:33:35.572 1953-1953/com.appname D/zoom: CameraView setZoom 调用,设置为 20 05-02 15:33:35.572 1953-1953/com。 appname D/zoom: 调用 RCTCamera setZoom,将 cameraType 2 设置为 20 05-02 15:33:35.912 345-12088/? W/QCameraParameters: [PARM_DBG] zoom_level = 20 05-02 15:33:36.312 345-31706/? W/QCameraParameters:[PARM_DBG] zoom_level = 0

环境

  • Node.js 版本:9.3
  • 反应本机版本:0.55.2
  • React Native 平台+平台版本:Android 6.0.1,API 23

反应原生相机

版本:Master 分支,但 RCTCamera 部分是 0.12 的修改版本,因为 RCTCamera 保存图片的速度比 RNCamera 快得多,并且具有缩放缩放功能。

0 投票
2 回答
591 浏览

android - 安装 React-Native-camera 后无法构建

在链接 react-native-camera 之后,我整天都在尝试构建我的项目。我认为问题出在依赖项和 google-play-service 但我不确定。

我尝试了许多其他配置,即使构建错误不同,我也无法构建......

我遇到的最后一个错误是:

Android 依赖 'com.google.android.gms:play-services-base' 的编译 (11.8.0) 和运行时 (12.0.1) 类路径有不同的版本。您应该通过 DependencyResolution 手动设置相同的版本

这些是我得到的依赖项:

0 投票
1 回答
1449 浏览

react-native - react-native-camera 条形码扫描仪冻结,因为它扫描速度太快

我正在尝试使用react-native-camera. 首先,它扫描二维码并提取一个字符串,然后导航到下一个屏幕react-navigation。在第二个屏幕中,它进行 API 调用。

现在,如果我返回扫描仪屏幕,将立即扫描二维码。那就是我遇到错误并且扫描仪冻结的地方。我通常会收到此错误:

我认为这是因为我的componentWillUnmount清理工作不正常或不够快,但我已经取消了 axios 请求。

也许我可以稍后安装相机扫描仪,这样它就不会扫描得这么快,或者它甚至可能是 React Navigation 的错误?

0 投票
1 回答
3935 浏览

android - 延迟捕获图像 - React Native Camera / Expo Camera

我正在尝试实现与 Facebook 或 Instagram 相同的功能:
立即预览相机拍摄的图像

此时,调用此函数时,我的拍摄被正确拍摄:

如此处所示,相机质量选项设置为 0,以确保问题不是由图像处理引起的。

我也将我的 RNCamera 道具设置为更低:

我在 android 和 ios 上都对此进行了测试,即使 ios 似乎执行得更快一点,它仍然不会立即执行。
有没有人能够用本机反应重现 facebook/instagram 相机预览?我一直在查看 github repo,似乎有很多人在我的情况下,但仍然没有解决方案。我还注意到,人们试图退出世博会项目以继续使用本机代码,但延迟仍然存在。