Cross-Platform Mobile App Development: Choosing Between React Native, Flutter, and Native

import { useState, useEffect } from 'react';
import { NativeModules, NativeEventEmitter, Platform } from 'react-native';

interface BiometricAuthResult {
  success: boolean;
  error?: string;
}

export function useBiometricAuth() {
  const [isSupported, setIsSupported] = useState<boolean>(false);

  useEffect(() => {
    // Access platform-native biometric hardware (FaceID on iOS, Fingerprint on Android)
    async function checkSupport() {
      const hasHardware = await NativeModules.BiometricModule.isHardwareSupported();
      setIsSupported(hasHardware);
    }
    checkSupport();
  }, []);

  const authenticateUser = async (): Promise<BiometricAuthResult> => {
    try {
      const result = await NativeModules.BiometricModule.authenticate({
        promptMessage: 'Authenticate to access your secure account',
        fallbackLabel: 'Enter Passcode',
      });
      return { success: true };
    } catch (error: any) {
      return { success: false, error: error.message };
    }
  };

  return { isSupported, authenticateUser };
}