Биометрия и безопасность

npx expo install expo-local-authentication

import * as LocalAuthentication from 'expo-local-authentication';

const hasHardware = await LocalAuthentication.hasHardwareAsync();
const isEnrolled = await LocalAuthentication.isEnrolledAsync();
const supportedTypes = await LocalAuthentication.supportedAuthenticationTypesAsync();
// [FINGERPRINT, FACIAL_RECOGNITION, IRIS]

async function authenticate() {
    const result = await LocalAuthentication.authenticateAsync({
        promptMessage: 'Войдите в приложение',
        cancelLabel: 'Отмена',
        disableDeviceFallback: false,
        fallbackLabel: 'Использовать пароль',
    });

    if (result.success) {
        // вход разрешён
    }
}

function AppLock({ children }: { children: React.ReactNode }) {
    const [unlocked, setUnlocked] = useState(false);

    useEffect(() => {
        async function check() {
            const enrolled = await LocalAuthentication.isEnrolledAsync();
            if (!enrolled) {
                setUnlocked(true);
                return;
            }

            const result = await LocalAuthentication.authenticateAsync({
                promptMessage: 'Войдите',
            });
            setUnlocked(result.success);
        }
        check();
    }, []);

    if (!unlocked) return <LockScreen onUnlock={() => setUnlocked(true)} />;
    return children;
}

import { AppState } from 'react-native';

useEffect(() => {
    const sub = AppState.addEventListener('change', (state) => {
        if (state === 'background') {
            setUnlocked(false);
        }
    });
    return () => sub.remove();
}, []);

import * as SecureStore from 'expo-secure-store';

await SecureStore.setItemAsync('token', token, {
    keychainAccessible: SecureStore.WHEN_UNLOCKED_THIS_DEVICE_ONLY,
});

npx expo install expo-screen-capture

import * as ScreenCapture from 'expo-screen-capture';

// Запретить скриншоты
await ScreenCapture.preventScreenCaptureAsync();

// Отследить скриншот
const sub = ScreenCapture.addScreenshotListener(() => {
    console.log('сделан скриншот');
});

npx expo install expo-build-properties

{
    "plugins": [
        [
            "expo-build-properties",
            {
                "android": {
                    "usesCleartextTraffic": false
                }
            }
        ]
    ]
}