问题标签 [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 投票
2 回答
236 浏览

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

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

0 投票
1 回答
827 浏览

react-native - React Native`alignItems:'flex-end'`隐藏TabBarIOS组件中的内容

这个问题与这个问题相似,但是我有不同的要求。我有一个<TabBarIOS>渲染<Camera>来自react-native-camera的组件。<Camera>我需要在组件底部但在组件上方放置一个按钮来拍照<TabBarIOS>

index.ios.js

CameraTab.ios.js

我尝试了各种方法,但是当alignItems: 'flex-end'处于容器组件的样式中时,捕获按钮总是隐藏的。

前

它应该看起来像这样:

在此处输入图像描述

编辑:我发现这个问题描述了一种解决方法(将按钮组件放在相机组件之外)。根据 RN 关于高度和宽度的文档,该解决方案似乎适用于所有屏幕尺寸。但是,这对我不起作用,因为我想要一个带有相机内图标的子视图。

0 投票
2 回答
3489 浏览

react-native - React Native 相机条形码类型

我正在尝试使用react-native-camera@0.4.1(with react-native@0.39.2) 创建二维码扫描仪。render()我的方法的相关要点是:

没有barCodeTypes道具,一切都按预期进行。但是一旦我包含它,视图就不会呈现,并且我收到以下错误消息:

我猜我只需要以['qr']其他正确的方式编写我的论点,但我无法在文档中找到任何信息。

0 投票
1 回答
5645 浏览

ios - 用反应原生相机拍摄方形照片

默认情况下,如果设置了目标,则以react-native-camera手机的标准纵横比拍摄照片并以Base64 png 格式输出。Camera.constants.CaptureTarget.memory

我正在寻找一种方法来创建方形照片 - 直接使用相机,或者通过转换捕获的imagedata. 不确定 React Native 是否可以实现类似的功能,或者我应该完全使用原生代码。

aspect道具仅改变相机图像在取景器中的显示方式。

这是我的代码:

0 投票
1 回答
137 浏览

react-native - react-native-camera 需要永远兑现承诺

我正在使用react-native-camera在我的应用程序中拍照。当我打电话capture时,承诺需要永远(大约 5 秒)才能实现。有时它更快(约 2 秒),但有时它根本不会被完成,因为回调永远不会被调用。

这在开发过程中是否正常?还是发生内存泄漏或其他类型的性能问题?

0 投票
2 回答
4809 浏览

javascript - 如何用 jest 模拟 react-native-camera?

我正在尝试用jest测试react-native-camera模块

所以我有以下内容package.json

Component并在示例中给出以下内容:

因此,下面的测试失败并显示以下消息:

TypeError:无法读取未定义的属性“方面”

0 投票
1 回答
19750 浏览

react-native - 使用 react-native-camera,如何访问保存的图片?

我的目标是使用 react-native-camera 并简单地在同一个屏幕上显示一张图片,如果已经拍摄了一张照片。我正在尝试将图片源保存为“imageURI”。如果它存在,我想显示它,如果还没有拍照,只显示文本说No Image Yet。我已经让相机工作了,因为我可以跟踪应用程序正在将图片保存到磁盘。遇到以下问题:

  • 如何在拍摄照片时将捕获函数数据分配给变量,以便稍后调用 (imageURI)。
  • 不知道如何在 Javascript 中执行 if 语句来检查变量是否存在。

0 投票
1 回答
2933 浏览

react-native - 如何使用 react-native-camera 从相机胶卷 url 显示图像?

我使用 react-native-camera 来捕获图像并将它们保存在 iOS 设备的 cameraRoll (CaptureTarget) 中,在捕获时我得到以下形式的图像路径

如何使用此路径在 Image 组件中显示图像(来自 react-native)?

以前我使用磁盘作为 CaptureTarget 选项,我能够显示该图像 url Image 组件但现在要求将图像保存在相机胶卷中?

0 投票
1 回答
239 浏览

react-native - 在拍摄多张照片时反应原生路由器通量和反应原生相机问题

我正在使用反应原生路由器通量和反应原生相机。我最近遇到了这个问题。

项目场景

我有一个 SwipeListView,向右滑动会提供选择相机的选项。用户选择相机,

拍照,并使用ImageView将图片显示在场景中。在 ImageView 场景中,如果用户喜欢它,则用户将其提交到服务器,如果用户不喜欢它,则用户取消它并使用返回 SwipeListView 场景

第一次,当应用程序启动时一切正常,第二次,当用户返回列表视图时,选择相机并拍照,它呈现黑屏,不知道发生了什么?无论如何我可以调试这个吗?非常感谢任何帮助/建议。

这正是我所拥有的

https://github.com/lwansbrough/react-native-camera/issues/565

谢谢

0 投票
1 回答
5837 浏览

react-native - 在 React Native 中将路径转换为 ​​URI

我正在使用 React Native 并正在使用https://github.com/lwansbrough/react-native-camera来捕捉视频。在保存视频时,我获得了设备存储的绝对路径。我想将其转换为 URI 以显示它。

{路径:“文件:///storage/emulated/0/DCIM/VID_21324217_242411222.mp4”}

我已经尝试过这样做

但它不起作用我错过了什么?如何将此绝对路径转换为 ​​URI,以便在视频播放器中显示它?