探索React Native Text Detector：高效OCR识别新境界

import React, { useEffect, useState } from 'react';
import { Text, View, StyleSheet, Button, Platform } from 'react-native';
import RNTextDetector, { RNTextDetectorModelType } from 'react-native-text-detector';
 
const App = () => {
  const [textRecognized, setTextRecognized] = useState('');
 
  const recognizeText = async () => {
    try {
      // 假设有一个名为 `imageUri` 的图片URI
      const recognizedText = await RNTextDetector.detectFromUri(
        imageUri, 
        RNTextDetectorModelType.ONDEVICE, // 使用设备上的模型
        Platform.OS === 'ios' // 是否为iOS平台，可能需要调整参数
      );
      setTextRecognized(recognizedText);
    } catch (error) {
      console.error('OCR识别失败:', error);
    }
  };
 
  useEffect(() => {
    recognizeText();
  }, []);
 
  return (
    <View style={styles.container}>
      <Text style={styles.text}>识别到的文字: {textRecognized}</Text>
      <Button title="识别图片中的文字" onPress={recognizeText} />
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    marginBottom: 20,
    textAlign: 'center',
    fontSize: 18,
  },
});
 
export default App;

这段代码展示了如何在React Native应用中使用react-native-text-detector库来识别图片中的文字。首先，它尝试从一个URI指向的图片中检测文字，并使用设备上的模型。识别完成后，它会将结果显示在屏幕上，并提供一个按钮来触发文字识别的过程。