Biometrics

use Native\Mobile\Facades\Biometrics;

import { biometric, on, off, Events } from '#nativephp';

use Native\Mobile\Facades\Biometrics;
 
Biometrics::prompt();

// Basic usage
await biometric.prompt();
 
// With an identifier for tracking
await biometric.prompt()
    .id('secure-action-auth');

use Native\Mobile\Attributes\OnNative;
use Native\Mobile\Events\Biometric\Completed;
 
#[OnNative(Completed::class)]
public function handle(bool $success)
{
    if ($success) {
        // User authenticated successfully
        $this->unlockSecureFeature();
    } else {
        // Authentication failed
        $this->showErrorMessage();
    }
}

import { biometric, on, off, Events } from '#nativephp';
import { ref, onMounted, onUnmounted } from 'vue';
 
const isAuthenticated = ref(false);
 
const handleBiometricComplete = (payload) => {
    if (payload.success) {
        isAuthenticated.value = true;
        unlockSecureFeature();
    } else {
        showErrorMessage();
    }
};
 
const authenticate = async () => {
    await biometric.prompt();
};
 
onMounted(() => {
    on(Events.Biometric.Completed, handleBiometricComplete);
});
 
onUnmounted(() => {
    off(Events.Biometric.Completed, handleBiometricComplete);
});

import { biometric, on, off, Events } from '#nativephp';
import { useState, useEffect } from 'react';
 
const [isAuthenticated, setIsAuthenticated] = useState(false);
 
const handleBiometricComplete = (payload) => {
    if (payload.success) {
        setIsAuthenticated(true);
        unlockSecureFeature();
    } else {
        showErrorMessage();
    }
};
 
const authenticate = async () => {
    await biometric.prompt();
};
 
useEffect(() => {
    on(Events.Biometric.Completed, handleBiometricComplete);
 
    return () => {
        off(Events.Biometric.Completed, handleBiometricComplete);
    };
}, []);