可能未處理的 Promise Rejection (id: 0) react-native-text-recognition

Question

我試圖添加 try / catch 方法但沒有用，也許我以錯誤的方式添加它？

---

目標：打開相機並掃描圖像中的文本，如果有，文本將顯示在“文本識別”下方

---

我編寫代碼的唯一地方是 App.js ：

 import React, {useEffect, useState} from 'react'; import { launchCamera, launchImageLibrary } from 'react-native-image-picker'; import TextRecognition from 'react-native-text-recognition'; import { SafeAreaView, StatusBar, Text, View, } from 'react-native'; const App = () => { const [image, setImage] = useState(null); const [text, setText] = useState(null); useEffect(() => { launchCamera({}, setImage); //launch camera (active) }, []); // useEffect(() => { // launchImageLibrary({}, setImage); //i can launch library using this // }, []); useEffect(() => { (async () => { if (image) { const result = await TextRecognition.recognize(image.assets[0].uri); console.log(result); setText(result); } })(); },[image]); return ( <SafeAreaView> <StatusBar> <View> <Text>Text Recognition</Text> {text ? <Text>{text}</Text> : null} </View> </StatusBar> </SafeAreaView> ); }; export default App;

Answer 1

嘗試用 try/catch 包裝await TextRecognition.recognize(...)調用：

useEffect(() => {
  (async () => {
  if (image) {
    try {
      const result = await TextRecognition.recognize(image.assets[0].uri);

      console.log(result);

      setText(result);
    } catch (error) {
      console.error(error);
    }
  }
  })();
},[image]);