Comment créer une application mobile de reconnaissance faciale avec React Native, Expo et Kairos

Une courte introduction et un exemple de création d'une application mobile à détection de visage.

La reconnaissance faciale, qui était autrefois l'apanage des romans de science-fiction, est maintenant une technologie largement utilisée. Dans cet article, je vais vous montrer comment développer une application mobile de base pour la détection des visages avec React Native et Expo.

React Native est un outil simple et rapide pour développer des applications mobiles multiplates-formes.
Expo accélère encore plus le développement de React Native en fournissant toute une gamme de fonctionnalités prêtes à l'emploi pour rendre votre application opérationnelle rapidement.

Commençons!

Construire avec React Native? Mettez en place et déployez gratuitement des applications natives de React avec des modèles de qualité garantie dans le générateur d’applications Crowdbotics. Vérifiez-le.

Tout d'abord, vous devez installer Expo CLI (de préférence en tant que global) dans votre système. Pour ce faire, exécutez la commande suivante dans l'invite de commande à l'emplacement où vous souhaitez enregistrer votre projet.

(Vous devez avoir installé Node.js (version 6 ou plus récente sur votre ordinateur pour pouvoir exécuter cette commande. Téléchargez la dernière version de Node.js.).

npm installer -g expo-cli

Exécutez maintenant cette commande suivante pour démarrer votre projet. Nommez-le comme vous voudriez.

expo init 

Commencez à coder dans votre fichier de travail. Par défaut, c'est App.js.

Importez les éléments que vous souhaitez utiliser dans votre projet.

importer {Permissions, Camera, FaceDetector,} depuis ‘expo’;

Tout d'abord, obtenir la permission de l'utilisation de leur appareil photo lorsque l'application démarre.

composant asynchroneWillMount () {
    const {status} = wait Permissions.askAsync (Permissions.CAMERA);
    this.setState ({hasCameraPermission: status === 'accordé'});
}

Désormais, si l'utilisateur autorise l'utilisation de la caméra, utilisez le composant de la caméra sur lequel vous souhaitez ouvrir la caméra.

revenir (