React Native Vision 相机 UseCodeScanner 错误异常

React Native Vision Camera UseCodeScanner Error Exception

提问人:Vamp1864 提问时间:11/1/2023 更新时间:11/1/2023 访问量:111

问:

我对“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>
  );
JavaScript React-Native 条形码扫描仪 React-Native-Vision-Camera

评论

0赞 AztecCodes 11/1/2023
欢迎来到 Stack Overflow!谢谢你的提问。但是,您似乎不熟悉 Stack Overflow 到如何:问一个好问题的指南。请阅读它并使用“编辑”选项相应地调整您的问题。祝您编码愉快!

答: 暂无答案