app_otp 1.0.0

A simple OTP widget for flutter.

example/lib/main.dart

import 'package:app_otp/app_otp.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

void main() {
  runApp(
    const ProviderScope(
      child: MainApp(),
    ),
  );
}

class MainApp extends StatefulWidget {
  const MainApp({super.key});

  @override
  State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  String? _otp;
  String? _otpCompleted;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
      child: MaterialApp(
        home: Scaffold(
          body: Center(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Padding(
                  padding: const EdgeInsets.symmetric(
                    horizontal: 24,
                  ),
                  child: AppOTPTextField(
                    onCompleted: (otp) {
                      setState(() {
                        _otpCompleted = otp;
                      });
                    },
                    onChanged: (otp) {
                      setState(() {
                        _otp = otp;
                      });
                    },
                  ),
                ),
                _otpCompleted != null
                    ? Text(
                        'onCompleted: $_otpCompleted',
                      )
                    : const SizedBox(),
                _otp != null
                    ? Text(
                        'onChanged: $_otp',
                      )
                    : const SizedBox(),
              ],
              
            ),
          ),
        ),
      ),
    );
  }
}