Planet Alpha

React Native Camera Kit

Blogg

React Native Camera Kit

React Native Camera Kit

TILL hög prestanda, fullt utrustad, stenhård
kamerabibliotek för React Native -applikationer







  • Cross Platform (iOS och Android)

  • Optimerad för prestanda och hög fotografering

  • Stöd för QR / streckkodsscanning

  • Stöd för förhandsgranskning av kameran i iOS -simulatorn

Installation (RN> 0,60)

yarn add react-native-camera-kit cd ios && pod install && cd ..

Kör exempelprojektet

  • yarn bootstrap
  • | _+_ | eller | _+_ |

Komponenter

CameraScreen

Helskärmskamerakomponent som håller kameratillstånd och ger kamerakontroller



yarn example ios yarn example android
Streckkod / QR -kodskanning

Dessutom kan kameraskärmen användas för streckkodsskanning



import { CameraScreen } from 'react-native-camera-kit';

Kamera

Barebones kamerakomponent





this.onBottomButtonPressed(event)} flashImages={{ on: require('path/to/image'), off: require('path/to/image'), auto: require('path/to/image'), }} cameraFlipImage={require('path/to/image')} captureButtonImage={require('path/to/image')} torchOnImage={require('path/to/image')} torchOffImage={require('path/to/image')} hideControls={false} // (default false) optional, hides camera controls showCapturedImageCount={false} // (default false) optional, show count for photos taken during that capture session /> Alert.alert('Qr code found')} //optional showFrame={true} //(default false) optional, show frame with transparent layer (qr code or barcode will be read on this area ONLY), start animation for scanner,that stoped when find any code. Frame always at center of the screen laser // (default red) optional, color of laser in scanner frame frame // (default white) optional, color of border of scanner frame />

Kamerautrustning (tillval)

Rekvisita Typ Beskrivning
import { Camera } from 'react-native-camera-kit'; (this.camera = ref)} style={{ flex: 1 }} cameraType={CameraType.Back} // front/back(default) /> / flashMode / 'on' Kamerans blixtläge. Standard: | _+_ |
'off' 'auto' / auto Kamerafokusläge. Standard: | _+_ |
focusMode 'on' / 'off' Aktivera nypning för att zooma kamera. Standard: | _+_ |
on zoomMode / 'on' Växla blixtljus när kameran är aktiv. Standard: | _+_ |
'off' on Visa en vägledande överläggning i kameraförhandsgranskningen för det valda förhållandet. Beskär inte bilden från och med v9.0. Exempel: | _+_ |
torchMode Färg Vilken färg som helst med alfa. Standard: | _+_ |
'on' siffra Endast iOS. Stäng kranen för att fokusera efter dessa många millisekunder. Standard | _+_ | (Inaktiverad). Exempel: | _+_ | är 5 sekunder.
'off' Booleansk Endast iOS. Avvisa tryck för att fokusera när fokusområdets innehåll ändras. Integrerad iOS -funktion, se dokumentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc ). Standard | _+_ |.
off Booleansk Att använda kamerarullen är långsammare än att använda vanliga filer som lagras i din app. På en iPhone X i felsökningsläge, på en riktig telefon, mätte vi cirka 100-150 ms bearbetningstid för att spara till kamerarullen. Notera: Detta fungerar bara på riktiga enheter. Det kommer att hänga på obestämd tid på simulatorer ._
ratioOverlay Booleansk Endast iOS. Om det är sant, påskyndar fotografering med cirka 5-50 ms (mätt på iPhone X) genom att bara returnera en rn-cameraroll-kompatibel | _+_ | URL istället för en vanlig | _+_ | URL.

Streckkodsprogram (tillval)

Rekvisita Typ Beskrivning
['int':'int', ...] Booleansk Aktivera streckkodsläsare. Standard: | _+_ |
['16:9', '1:1', '3:4'] Booleansk Visa ram i streckkodsläsare. Standard: | _+_ |
ratioOverlayColor Färg Färg på streckkodsläsarens laservisualisering. Standard: | _+_ |
'#ffffff77' Färg Färg på streckkodsläsarens ramvisualisering. Standard: | _+_ |
resetFocusTimeout Färg Färg på streckkodsläsarens ytvisualisering. Standard: | _+_ |
0 Fungera Återuppringning när skannern läser streckkoden. Returnerad händelse innehåller | _+_ |. Standard: | _+_ |. Ex: | _+_ |

Imperativ API

Obs! Måste anropas på en giltig kameraref

fånga({ … })

Ta bild (| _+_ |). Att använda kamerarullen är långsammare än att använda vanliga filer som lagras i din app. På en iPhone X i felsökningsläge, på en riktig telefon, mätte vi cirka 100-150 ms bearbetningstid för att spara till kamerarullen.

5000
checkDeviceCameraAuthorizationStatus (endast iOS)
resetFocusWhenMotionDetected

returvärden:

| _+_ | returnerar | _+_ |

| _+_ | returnerar | _+_ |

annars returnerar | _+_ |

requestDeviceCameraAuthorization (endast iOS)
true

| _+_ | returnerar | _+_ |

annars returnerar | _+_ |

Bidrar

  • Dragförfrågningar är välkomna. Om du öppnar en dragförfrågan kommer vi att göra vårt bästa för att komma till det i tid
  • Pull Request Recensioner är ännu mer välkomna! vi behöver hjälp med att testa, granska och uppdatera öppna PR: er
  • Om du är intresserad av att bidra mer aktivt, vänligen kontakta oss.

Ladda ner detaljer:

Författare: teslammotorer

Källkod: https://github.com/teslamotors/react-native-camera-kit

#reagera #reagera #mobilappar





Populära Inlägg

Intressanta Artiklar

Redaktionen