102 lines
3.2 KiB
Dart
102 lines
3.2 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter_otp_text_field/flutter_otp_text_field.dart';
|
||
import 'package:openclosenew/thankyou.dart';
|
||
|
||
class verification extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
backgroundColor: Colors.white,
|
||
body: SafeArea(
|
||
child: Padding(
|
||
padding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Spacer(),
|
||
Padding(
|
||
padding: const EdgeInsets.only(bottom: 30),
|
||
child: IconButton(
|
||
icon: Icon(Icons.arrow_back_ios, size: 24),
|
||
onPressed: () {
|
||
Navigator.pop(context);
|
||
},
|
||
),
|
||
),
|
||
Spacer(),
|
||
Text(
|
||
'Verification',
|
||
style: TextStyle(
|
||
fontSize: 24,
|
||
color: Color(0xff12C193),
|
||
),
|
||
),
|
||
Spacer(),
|
||
Text(
|
||
'Enter Verification code',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
),
|
||
),
|
||
Row(
|
||
children: [
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 15),
|
||
child: OtpTextField(
|
||
numberOfFields: 5,
|
||
borderColor: Colors.black,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 20),
|
||
child: RichText(
|
||
textAlign: TextAlign.center,
|
||
text: TextSpan(
|
||
children: [
|
||
TextSpan(
|
||
text: 'Didn’t receive code? ',
|
||
style: TextStyle(
|
||
color: Color(0xff333333),
|
||
),
|
||
),
|
||
TextSpan(
|
||
text: ' Resend OTP ',
|
||
style: TextStyle(
|
||
color: Color(0xff12C193),
|
||
decoration: TextDecoration.underline,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
Spacer(),
|
||
Text(
|
||
'By clicking “Verify” you are accepting our Terms & Conditions'),
|
||
Spacer(),
|
||
MaterialButton(
|
||
height: 50,
|
||
minWidth: double.infinity,
|
||
color: Color(0xff12C193),
|
||
shape: RoundedRectangleBorder(
|
||
borderRadius: BorderRadius.circular(4)),
|
||
onPressed: () {
|
||
Navigator.push(
|
||
context, MaterialPageRoute(builder: (_) => thankyou()));
|
||
},
|
||
child: Text(
|
||
'Verify',
|
||
style: TextStyle(color: Colors.white, fontSize: 15),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|