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),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|