You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

react-native-vision-camera-image-labeler

Package Overview
Dependencies
Maintainers
0
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-vision-camera-image-labeler

A plugin to label images using ML Kit Image Labeler. With High Performance.

2.2.0
latest
Source
npmnpm
Version published
Weekly downloads
268
0.37%
Maintainers
0
Weekly downloads
 
Created
Source

A plugin to label images using ML Kit Image Labeler. With High Performance.

🚨 Required Modules

react-native-vision-camera => 4.5.1
react-native-worklets-core = 1.3.3

💻 Installation

npm install react-native-vision-camera-image-labeler
yarn add react-native-vision-camera-image-labeler

👷Features

Easy To Use.
Works Just Writing few lines of Code.
Works With React Native Vision Camera.
Works for Both Cameras.
Works Fast.
Works With Android 🤖 and IOS.📱
Writen With Kotlin and Swift.
Can Scan Image From Photo. 📸

💡 Usage

import React, { useState } from 'react'
import { useCameraDevice } from 'react-native-vision-camera'
import { Camera } from 'react-native-vision-camera-image-labeler';

function App (){
  const [data,setData] = useState(null)
  const device = useCameraDevice('back');
  console.log(data)
  return(
    <>
      {!!device && (
        <Camera
          style={StyleSheet.absoluteFill}
          device={device}
          isActive
          // Optional
          options={{
            minConfidence: 0.1
          }}
          callback={(d) => setData(d)}
        />
      )}
    </>
  )
}

Also You Can Use Like This

import React from 'react';
import { StyleSheet } from "react-native";
import {
  Camera,
  useCameraDevice,
  useFrameProcessor,
} from "react-native-vision-camera";
import { useImageLabeler } from "react-native-vision-camera-image-labeler";

function App() {
  const device = useCameraDevice('back');
  const options = {minConfidence : 0.1} // Optional
  const {labelerImage} = useImageLabeler({minConfidence : 0.1})
  const frameProcessor = useFrameProcessor((frame) => {
    'worklet'
    const data = labelerImage(frame)
	console.log(data, 'data')
  }, [])
  return (
      <>
      {!!device && (
        <Camera
          style={StyleSheet.absoluteFill}
          device={device}
          isActive
          frameProcessor={frameProcessor}
        />
      )}
      </>
  );
}
export default App;

⚙️ Options

NameTypeValuesDefault
minConfidenceNumber0.1 - 1.01.0

Scan From Photo 📸

import { ImageScanner } from "react-native-vision-camera-image-labeler";

const result = await ImageScanner({
    uri:assets.uri,
    orientation: "portrait",
    minConfidence: 1.0

})
console.log(result);

🚨 Orientation available only for iOS, recommendation give it when you are using Camera.

NameTypeValuesRequiredDefaultPlatform
uristringyesandroid, iOS
orientationstringportrait, portraitUpsideDown, landscapeLeft, landscapeRightnoportraitiOS
minConfidencenumber0.1 ~ 1.0no1.0android,iOS

Keywords

react-native

FAQs

Package last updated on 09 Aug 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts