كيفيه تفعيل ميزه AutoFill في مشروعك Flutter

كيفيه تفعيل ميزه AutoFill في مشروعك Flutter

تعد ميزة Auto Fill واحدة من أهم الميزات التي تحسن تجربة المستخدم في تطبيقك عند إدخال رمز التحقق (OTP) حيث توفر وقت وجهد علي المستخدم بدلا من كتابه الكود يتم الحصول عليه وملئ الكود في المكان المناسب . في هذا المقال، سنشرح كيفية تنفيذ هذه الميزة باستخدام مكتبة otp_autofill في تطبيقات Flutter.

لماذا Auto Fill مهمه في تطبيقات Flutter

تحسن من تجربة المستخدم عبر إدخال الرمز بشكل تلقائيً.

تقليل الأخطاء الناتجة عن الإدخال اليدوي.

المتطلبات الأساسية

تثبيت مكتبة otp_autofill.

إعداد الصلاحيات اللازمة على Android.

otp_autofill: ^4.1.0

او يمكنك استخدام الامر

flutter pub add otp_autofill

تهيئه المشروع لإعداد كود Auto Fill في Flutter

استخدم الكود التالي لتنفيذ ميزة OTP Auto Fill

OTPInteractor().getAppSignature()
      .then((value) => print('signature - $value'));

  controller = OTPTextEditController(
    codeLength: 6,
    onCodeReceive: (code) {
      _otpController.clear();
      _otpController.text = code;
    },
  )..startListenUserConsent(
      (code) {
        final exp = RegExp(r'(\d{6})');
        return exp.stringMatch(code ?? '') ?? '';
      },
    );