How do I hide the fingerprint native UI so that I can show my custom using functional components.
Am having below component that has the <FingerPrintPop /> component which renders instead of rendering the native ui, but still the native ui still shows, how do i hide it. thanks
const FingerPrintAuth = (props) => { const [state, setState] = useState({ errorMessageLegacy: undefined, biometricLegacy: undefined, }) useEffect(() => { return () => { FingerprintScanner.release() } }) const requiresLegacyAuth = _ => { return Platform.Version < 23 } const authCurrent = _ => { FingerprintScanner.authenticate({title: 'Login with BioMetrics'}) .then((res)=>{ console.log(res) }) .catch(error => console.log(error)) } const authLegacy = _ => { FingerprintScanner.authenticate({onAttempt: handleAttemptedAuthLegacy}) .then(res => { console.log(res) }) .catch(error => { setState(prev=>({ ...prev, errorMessageLegacy: error.message, biometricLegacy: error.biometric })) }) } const handleAttemptedAuthLegacy = error => { setState(prev=>({ ...prev, errorMessageLegacy: error.message, })) } if (requiresLegacyAuth()) { authLegacy() return <FingerPrintPop /> } else { console.log("rererrerere") authCurrent() return <FingerPrintPop /> }}