signin_with_biometric_view.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:local_auth/local_auth.dart';
 
import '../../../../../../core/services/biometric_service.dart';
import '../../../../../../core/ui/widgets/custom_snackbar.dart';
import '../../../../domain/enum/supported_biometric_type_enum.dart';
import '../../../logic/authentication_bloc/authentication_bloc.dart';
import '../widgets/biometric_button.dart';
 
class SigninWithBiometricView extends StatefulWidget {
  const SigninWithBiometricView({
    super.key,
  });
 
  @override
  State<SigninWithBiometricView> createState() =>
      _SigninWithBiometricViewState();
}
 
class _SigninWithBiometricViewState extends State<SigninWithBiometricView> {
  List<BiometricType> _availableBiometrics = [];
 
  @override
  void initState() {
    _checkAvailableBiometrics();
    super.initState();
  }
 
  final biometricService = LocalBiometricService();
 
  Future<void> _checkAvailableBiometrics() async {
    _availableBiometrics.clear();
    final biometrics = await biometricService.getAvailableBiometrics();
    final hasFingerprint = await biometricService.hasFingerprintSupport();
    for (final type in biometrics) {
      if (type == BiometricType.face) {
        _availableBiometrics.add(BiometricType.face);
      } else if (type == BiometricType.fingerprint ||
          (type == BiometricType.strong && hasFingerprint)) {
        _availableBiometrics.add(BiometricType.fingerprint);
      }
    }
    setState(() {});
  }
 
  Future<void> _authenticate(BiometricType type) async {
    final authenticated =
        await biometricService.authenticate(type, 'Authenticate using $type');
    if (!mounted) return;
    if (authenticated) {
      context.read<AuthenticationBloc>().add(LoadCredentialsEvent());
    } else {
      CustomSnackBar.display(
        context,
        Theme.of(context).colorScheme.error,
        AppLocalizations.of(context)
            .translate('Failed to authenticate using biometrics'),
      );
    }
  }
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(
          AppLocalizations.of(context)
              .translate('Log in with ease using your biometrics'),
          style: Theme.of(context).textTheme.bodySmall?.copyWith(
                color: Theme.of(context).hintColor,
              ),
        ),
        SizedBox(height: 20.sp),
        _availableBiometrics.isEmpty
            ? SizedBox()
            : Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  SizedBox(height: 15.sp),
                  ..._availableBiometrics.map((biometric) {
                    final supportedType = biometric == BiometricType.face
                        ? SupportedBiometricType.face
                        : SupportedBiometricType.fingerprint;
                    return BiometricButton(
                      icon: supportedType.icon,
                      onPressed: () => _authenticate(biometric),
                    );
                  }),
                ],
              ),
      ],
    );
  }
}