当前位置:   article > 正文

react-native-vision-camera RN相机 初使用小记

react-native-vision-camera

该插件是react-native-camera变种, react-native-camera作者已经弃用,重新上架的新的插件,网上基本上没有使用的帖子本人边github关键词搜索边参考官方文档===》指路react-native-vision-camera官方文档

大致调整出一个可以录像/拍照的demo 供大家参考~ 

适用于:扫码场景,相机作为铺底(我所运用的场景)

代码如下:

  1. import React, { forwardRef, useRef, useImperativeHandle } from "react";
  2. import { View, Text, Image } from "react-native";
  3. import { Camera, useCameraDevices } from "react-native-vision-camera";
  4. const CameraScreen = forwardRef((props, ref) => {
  5. useImperativeHandle(ref, () => ({
  6. //暴露可供父组件调用函数的hooks
  7. takePhoto,
  8. takeVideoStart,
  9. takeVideoStop,
  10. }));
  11. const camera = useRef(null);
  12. const devices = useCameraDevices();
  13. const device = devices.back; //默认后置摄像
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/727883
推荐阅读
相关标签
  

闽ICP备14008679号