🎯 Intention

L’implémentation d’un lockscreen biométrique est souvent demandée pour des applications nécessitant un niveau de sécurité supérieur à la moyenne (ex: bancaire).

Ce que l’on cherche à réaliser c’est un genre de “rideau” qui vient cacher le contenu lorsque l’app est dans un état verrouillé.

Les enjeux sont les suivant :

• Etre capable de déterminer et modifier un état verrouillé / déverrouillé global de l’app
• Etre capable de cacher le contenu tout en gardant l’état courant de l’app (on reste sur le même écran)

<aside> ✅ Pré-requis

• Maitriser un UI Framework (React, Vue)
• Avoir une connaissance de App State manager ou des Contexts React </aside>

✅ Points clés

<aside> ⌛ Temps indicatif : 0,5j

</aside>

📦 Utiliser/Implémenter un hook pour gérer l’état de verrouillage de l’app

🔳 Utiliser un overlay sur l’élément racine

❌ Erreurs type à éviter

• Utiliser des changements de page pour locker l’écran : ceci va perdre tout l’état de l’application (formulaire, etc). Le système d’overlay permet de garder l’application inchangée tout en cachant tout son contenu…
• Mélanger le code biométrique avec l’authentification / gestion du compte. Il faut traiter la biométrie comme une fonctionnalité avec ses propres modules, composants et non une extension de l’account.

🎓Aller plus loin