react-native-vision-camera RN相机初使用小记-程序员宅基地

技术标签： react-native 前端框架前端 react native javascript 开发语言

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

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

适用于：扫码场景，相机作为铺底（我所运用的场景）

代码如下：

import React, { forwardRef, useRef, useImperativeHandle } from "react";
import { View, Text, Image } from "react-native";
import { Camera, useCameraDevices } from "react-native-vision-camera";

const CameraScreen = forwardRef((props, ref) => {
  useImperativeHandle(ref, () => ({
    //暴露可供父组件调用函数的hooks
    takePhoto,
    takeVideoStart,
    takeVideoStop,
  }));
  const camera = useRef(null);
  const devices = useCameraDevices();
  const device = devices.back; //默认后置摄像头
  if (device == null) return <Text>loading...</Text>;
  const zoom = device.neutralZoom; //获取 正常相机的变焦
  //开始拍照
  const takePhoto = async () => {
    return await camera.current.takePhoto(); //相机照片
  };
  //开始录像
  const takeVideoStart = () => {
    camera.current.startRecording({
      flash: "off",
      onRecordingFinished: (video) => console.log(video),
      onRecordingError: (error) => console.error(error),
    });
  };
  //停止录像
  const takeVideoStop = async () => {
    return await camera.current.stopRecording(); // 录像视频路径， 暂时的资源，app关闭会销毁
  };
  return (
    <View style={
   { flex: 1 }}>
      <Camera
        ref={camera} // 用于获取拍照录像函数
        style={
   { flex: 1 }}
        zoom={zoom} //镜头广角大小，获取正常大小
        device={device} //此相机设备包含的物理设备类型列表。
        video={true} //录像功能打开关闭
        supportsVideoHDR={true}
        isActive={props.isopenCamera} //是否打开相机， 可以缓存相机，加快打开速度
        photo={true} //拍照功能是否打开
      />
      {/*Image用require不行，require是编译时执行 只能引用字符串，不可以用变量 */}
      {/* <Image source={
   { uri: url }}></Image> */}
    </View>
  );
});

export default CameraScreen;

本文链接：https://blog.csdn.net/weixin_45427607/article/details/127103934

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

基于Capon和信号子空间的变形算法实现波束形成附matlab代码-程序员宅基地

文章浏览阅读946次，点赞19次，收藏19次。波束形成是天线阵列信号处理中的一项关键技术，它通过对来自不同方向的信号进行加权求和，来增强特定方向的信号并抑制其他方向的干扰。本文介绍了两种基于 Capon 和信号子空间的变形算法，即最小方差无失真响应 (MVDR) 算法和最小范数算法，用于实现波束形成。这些算法通过优化波束形成权重向量，来最小化波束形成输出的方差或范数，从而提高波束形成性能。引言波束形成在雷达、声纳、通信和医学成像等众多应用中至关重要。它可以增强目标信号，抑制干扰和噪声，提高系统性能。

uni-app 网络请求提示 OPTIONS xxx 403 (Forbidden)_uni-app解决post请求403 forbidden-程序员宅基地

文章浏览阅读1.1w次，点赞4次，收藏3次。使用API ，向我的服务器发送了POST。_uni-app解决post请求403 forbidden

BLE 链路层(LL)的数据结构_ble的channel map中信道信息-程序员宅基地

文章浏览阅读5k次，点赞3次，收藏13次。一链路层的数据结构在链路层上传输的数据格式如下图所示:广播报文和数据报文都包含 Preamble(前导码)， AccessAddress(接入地址)，PDU(数据)，CRC。其中Constant Tone Extension是可选的。前导码接入地址PDUHeaderLengthMIC(可选)CRCConstant Tone Extension(可选)1 前导码报文最开始的8bit是01010101(0x55)或者10101010(0xAA)。这是很简单的交替序列。接收机_ble的channel map中信道信息

HBase数据大批量导入方式总结和对比_hbase 大数据量导入-程序员宅基地

文章浏览阅读3.4k次，点赞4次，收藏19次。HBase数据导入1. 背景在实际生产中，海量数据一般都不是直接存储在HBase中，这时候就需要一个数据导入到HBase的步骤上一篇博客讲述了可以通过java api的方式或者shell 客户端方式导入或者创建数据，但这对于实际生产中海量数据导入来说，速度和效率都太慢了，所以我们需要使用其他方式来解决海量输入导入到HBase的问题利用HBase底层文件是HFile形式存储再HDFS中，所以如果能够直接生成HFile的话，这时候再让HBase从HFile中读取数据，就会快很多。2. 批量数据导入_hbase 大数据量导入

Qt 串口通信之使用16进制发送数据的转换方式_qt串口发送16进制数据-程序员宅基地

文章浏览阅读1.7k次，点赞2次，收藏18次。16进制QString转成16进制QByteArray一概述有时候在做上位机串口通讯时，经常需要将字符串转成16进制的形式作为发送，借此分析记录一下。二需求分析//假设需要转换的字符：如下QString str = "abcdef1234";//需求转换成 0xab,0xcd,0xef,0x12,0x34 由上图分析得出，很明显我们只需要拆分字符串然后再重新合并就ok啦，知道了解决方法，接下来就是上代码。三编写代码方法1：/*******************_qt串口发送16进制数据

multipartfile上传文件大小限制_multipartfile 大小限制-程序员宅基地

文章浏览阅读1.4w次，点赞7次，收藏15次。关于文件上传大小主要看一个错误org.apache.tomcat.util.http.fileupload.impl.SizeLimitExceededException: the request was rejected because its size (59500387) exceeds the configured maximum (10485760) at org.apache.tomcat.util.http.fileupload.impl.FileItemIteratorImpl.ini_multipartfile 大小限制