Introduce Hooks- and Context-based API for face detection, and document

infinitered / react-native-mlkit

The definitive MLKit wrapper for React Native and Expo

185 stars 13 forks source link

Refactors the face detection API to use a hook- and context- based approach, which greatly simplifies things for the user.

// App.tsx

import {
  RNMLKitFaceDetectionContextProvider,
} from "@infinitered/react-native-mlkit-face-detection";

function App() {
  return (
    <RNMLKitFaceDetectionContextProvider>
      {/* rest of your app goes here */}
    </RNMLKitFaceDetectionContextProvider>
  );
}

And then in the component:

import { useFacesInPhoto } from "@infinitered/react-native-mlkit-face-detection";

function FaceDetectionComponent() {
  const { faces, error, status } = useFacesInPhoto('local_uri_of_your_image_uri');

  if (error) {
    return <Text>Error: {error}</Text>;
  }

  return (<View>
    {faces.map((face) => (
      <View key={face.trackingId}>
        <Text>{JSON.stringify(face)}</Text>
      </View>
    ))}
  </View>)
}

infinitered / react-native-mlkit

Introduce Hooks- and Context-based API for face detection, and document #35

🦋 Changeset detected