The sms_otp package contains a number of useful containers that can help you with building sms/pin code screens for your app. The package contains container for title of pin screen, description text, phone number and pins container.

Features

Getting started

class SmsOtp extends StatelessWidget {
  const SmsOtp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: const SmsOtp(
            title: "Verification",
            textMargin: 40,
            text: "Enter the code sent to your number",
            phoneNumberMargin: 40,
            phoneNumber: "+90 123 456 789",
            pinHeight: 68.0,
            pinWidth: 64.0,
            btnMargin: 40,
            btnOnPressed: btnOnPressedFunction(),
            btnText: "Enter",
            durationTimeMargin: 40,
            durationTime: 3,
            durationTimeOnEnd: durationTimeOnEndFunction()
        ),
      ),
    );
  }
}