提问人:Vamp1864 提问时间:11/1/2023 更新时间:11/1/2023 访问量:111
React Native Vision 相机 UseCodeScanner 错误异常
React Native Vision Camera UseCodeScanner Error Exception
问:
我对“useCodeScanner”有问题。
**错误 **TypeError: 0, _$$_REQUIRE(_dependencyMap[11(...)e-vision-camera“).useCodeScanner 不是一个函数(它未定义)
此错误位于:
在 StaticContainer 的主页(由 SceneView 创建)
中
在 EnsureSingleNavigator(由 SceneView 创建)中
在 SceneView 中(由 SceneView 创建) 在 RCTView 中(由 View 创建)
in View (created by DebugContainer) in DebugContainer (created by MaybeNestedStack)
在 MaybeNestedStack 中(由 SceneView 创建)
在 RCTView 中(由 View 创建)
在 RNSScreen 中的视图(由 SceneView 创建)
in Unknown(由 InnerScreen 创建) in Suspender(由 Freeze 创建) in Suspense (由 Freeze 创建) in Freeze (由 DelayedFreeze 创建) in DelayedFreeze (由 InnerScreen 创建)
在 InnerScreen 中(由 Screen 创建) 在 Screen 中(由 SceneView 创建) 在 SceneView 中(由 NativeStackViewInner 创建)
in Suspender (由 Freeze 创建) in Suspense (由 Freeze 创建) in Freeze (由 DelayedFreeze 创建) in DelayedFreeze (由 ScreenStack 创建)
在 RNSScreenStack 中(由 ScreenStack 创建)
在 ScreenStack 中(由 NativeStackViewInner 创建)
在 NativeStackViewInner 中(由 NativeStackView 创建)
在 RNCSafeAreaProvider (由 SafeAreaProvider 创建)
在 SafeAreaProvider 中(由 SafeAreaInsetsContext 创建)
在 SafeAreaProviderCompat 中(由 NativeStackView 创建)
在 NativeStackView 中(由 NativeStackNavigator 创建)
在 PreventRemoveProvider (由 NavigationContent 创建)
在 NavigationContent 中
in Unknown (由 NativeStackNavigator 创建)
在 NativeStackNavigator 中(由 App 创建)
在 EnsureSingleNavigator 中
在 BaseNavigationContainer 中
在 ThemeProvider 中
在 NavigationContainerInner 中(由 App 创建)
in App in RCTView (由 View 创建)
在 RCTView 中(由 View 创建)
中的视图(由 AppContainer 创建)
在 AppContainer 中的视图(由 AppContainer 创建)
在 ScanEat(RootComponent) 中,js 引擎:hermes
你对如何解决它有什么想法吗?
我非常感谢您能提供的任何帮助。your text
import {
Camera,
useCameraDevices,
useCodeScanner,
} from 'react-native-vision-camera';
const devices = useCameraDevices();
const device = devices.back;
useEffect(() => {
checkPermission();
}, []);
const checkPermission = async () => {
try {
const newCameraPermission = await Camera.requestCameraPermission();
console.log('Camera Permission:', newCameraPermission);
} catch (error) {
console.error('Camera Permission Error:', error);
}
};
const codeScanner = useCodeScanner({
codeTypes: ['qr', 'ean-13'],
onCodeScanned: (codes) => {
console.log(`Scanned ${codes.length} codes!`)
}
})
if (device == null) {
return (
<View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
<ActivityIndicator />
</View>
);
} return (
<SafeAreaView
style={{
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#000',
}}>
<Camera
style={StyleSheet.absoluteFill}
device={device}
isActive={true}
codeScanner={codeScanner}
/>
</SafeAreaView>
);
答: 暂无答案
评论