100 lines
3.6 KiB
Dart
100 lines
3.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:pin_code_fields/pin_code_fields.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:rijig_mobile/core/router.dart';
|
|
import 'package:rijig_mobile/core/utils/guide.dart';
|
|
import 'package:rijig_mobile/features/auth/presentation/viewmodel/otp_vmod.dart';
|
|
import 'package:rijig_mobile/widget/buttoncard.dart';
|
|
|
|
class VerifOtpScreen extends StatefulWidget {
|
|
final String phoneNumber;
|
|
|
|
const VerifOtpScreen({super.key, required this.phoneNumber});
|
|
|
|
@override
|
|
VerifOtpScreenState createState() => VerifOtpScreenState();
|
|
}
|
|
|
|
class VerifOtpScreenState extends State<VerifOtpScreen> {
|
|
final TextEditingController _otpController = TextEditingController();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Consumer<OtpViewModel>(
|
|
builder: (context, viewModel, child) {
|
|
return SafeArea(
|
|
child: Center(
|
|
child: Padding(
|
|
padding: PaddingCustom().paddingHorizontalVertical(15, 40),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text("OTP has been sent to ${widget.phoneNumber}"),
|
|
SizedBox(height: 20),
|
|
|
|
PinCodeTextField(
|
|
controller: _otpController,
|
|
appContext: context,
|
|
length: 4,
|
|
obscureText: false,
|
|
animationType: AnimationType.fade,
|
|
pinTheme: PinTheme(
|
|
shape: PinCodeFieldShape.box,
|
|
borderRadius: BorderRadius.circular(5),
|
|
fieldHeight: 50,
|
|
fieldWidth: 50,
|
|
activeFillColor: whiteColor,
|
|
inactiveFillColor: whiteColor,
|
|
selectedFillColor: whiteColor,
|
|
activeColor: blackNavyColor,
|
|
inactiveColor: blackNavyColor,
|
|
selectedColor: primaryColor,
|
|
),
|
|
onChanged: (value) {},
|
|
onCompleted: (value) {},
|
|
),
|
|
SizedBox(height: 20),
|
|
|
|
CardButtonOne(
|
|
textButton:
|
|
viewModel.isLoading
|
|
? 'Verifying OTP...'
|
|
: 'Verify OTP',
|
|
fontSized: 16,
|
|
colorText: whiteColor,
|
|
color: primaryColor,
|
|
borderRadius: 10,
|
|
horizontal: double.infinity,
|
|
vertical: 50,
|
|
onTap: () async {
|
|
if (_otpController.text.isNotEmpty) {
|
|
await viewModel.verifyOtp(
|
|
widget.phoneNumber,
|
|
_otpController.text,
|
|
);
|
|
if (viewModel.authResponse != null) {
|
|
router.go("/navigasi");
|
|
}
|
|
}
|
|
},
|
|
loadingTrue: viewModel.isLoading,
|
|
usingRow: false,
|
|
),
|
|
|
|
if (viewModel.errorMessage != null)
|
|
Text(
|
|
viewModel.errorMessage!,
|
|
style: TextStyle(color: redColor),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|