railbird/react-native-vision-camera
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ES

Browse Source
This commit is contained in:
Marc Rousavy 2021-02-20 17:08:35 +01:00
parent dc2be934f6
commit fdbd45871a
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintrc.js
View File

@ -66,7 +66,7 @@ module.exports = {
'react-native/no-unused-styles': 'warn', 'react-native/no-unused-styles': 'warn',
'react-native/split-platform-components': 'warn', 'react-native/split-platform-components': 'warn',
'react-native/no-inline-styles': 'warn', 'react-native/no-inline-styles': 'warn',
'react-native/no-color-literals': 'warn', 'react-native/no-color-literals': 'off',
'react-native/no-raw-text': 'off', 'react-native/no-raw-text': 'off',
'react-native/no-single-element-style-arrays': 'warn', 'react-native/no-single-element-style-arrays': 'warn',

12
example/src/App.tsx
View File

@ -13,7 +13,7 @@ import type { CameraDevice, CameraDeviceFormat, CameraProps, CameraRuntimeError,
import { Camera } from 'react-native-vision-camera'; import { Camera } from 'react-native-vision-camera';
import { useIsScreenFocused } from './hooks/useIsScreenFocused'; import { useIsScreenFocused } from './hooks/useIsScreenFocused';
import { compareFormats, frameRateIncluded, formatWithClosestMatchingFps, compareDevices } from './FormatFilter'; import { compareFormats, frameRateIncluded, formatWithClosestMatchingFps, compareDevices } from './FormatFilter';
import { CAPTURE_BUTTON_SIZE, CONTENT_SPACING, HIGH_FPS, MAX_ZOOM_FACTOR, SAFE_AREA_PADDING, SCREEN_WIDTH } from './Constants'; import { CONTENT_SPACING, HIGH_FPS, MAX_ZOOM_FACTOR, SAFE_AREA_PADDING } from './Constants';
import Reanimated, { Extrapolate, interpolate, useAnimatedGestureHandler, useAnimatedProps, useSharedValue } from 'react-native-reanimated'; import Reanimated, { Extrapolate, interpolate, useAnimatedGestureHandler, useAnimatedProps, useSharedValue } from 'react-native-reanimated';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { useIsForeground } from './hooks/useIsForeground'; import { useIsForeground } from './hooks/useIsForeground';
@ -30,7 +30,6 @@ Reanimated.addWhitelistedNativeProps({
const SCALE_FULL_ZOOM = 3; const SCALE_FULL_ZOOM = 3;
const BUTTON_SIZE = 40; const BUTTON_SIZE = 40;
const LOCAL_GALLERY_BUTTON_SIZE = 40;
export const App: NavigationFunctionComponent = ({ componentId }) => { export const App: NavigationFunctionComponent = ({ componentId }) => {
const camera = useRef<Camera>(null); const camera = useRef<Camera>(null);
@ -173,7 +172,7 @@ export const App: NavigationFunctionComponent = ({ componentId }) => {
//#region Effects //#region Effects
useEffect(() => { useEffect(() => {
const loadDevices = async () => { const loadDevices = async (): Promise<void> => {
try { try {
const availableCameraDevices = await Camera.getAvailableCameraDevices(); const availableCameraDevices = await Camera.getAvailableCameraDevices();
console.log(`Devices: ${availableCameraDevices.map((d) => d.name).join(', ')}`); console.log(`Devices: ${availableCameraDevices.map((d) => d.name).join(', ')}`);
@ -302,13 +301,6 @@ const styles = StyleSheet.create({
alignSelf: 'center', alignSelf: 'center',
bottom: SAFE_AREA_PADDING.paddingBottom, bottom: SAFE_AREA_PADDING.paddingBottom,
}, },
openLocalGalleryButton: {
position: 'absolute',
left: (SCREEN_WIDTH / 2 - CAPTURE_BUTTON_SIZE / 2) / 2,
width: LOCAL_GALLERY_BUTTON_SIZE,
height: LOCAL_GALLERY_BUTTON_SIZE,
marginBottom: CAPTURE_BUTTON_SIZE / 2 - LOCAL_GALLERY_BUTTON_SIZE / 2,
},
button: { button: {
marginTop: CONTENT_SPACING, marginTop: CONTENT_SPACING,
width: BUTTON_SIZE, width: BUTTON_SIZE,