|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
@ -1,15 +1,191 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:supplier_new/common/settings.dart';
|
||||
import 'package:supplier_new/signup/signup.dart';
|
||||
|
||||
class PasswordTextBoxesScreen extends StatefulWidget {
|
||||
const PasswordTextBoxesScreen({super.key});
|
||||
var mobileNumber;
|
||||
PasswordTextBoxesScreen({
|
||||
this.mobileNumber
|
||||
});
|
||||
|
||||
@override
|
||||
State<PasswordTextBoxesScreen> createState() => _PasswordTextBoxesScreenState();
|
||||
}
|
||||
|
||||
class _PasswordTextBoxesScreenState extends State<PasswordTextBoxesScreen> {
|
||||
TextEditingController reEnterPasswordController = TextEditingController();
|
||||
TextEditingController createPasswordController = TextEditingController();
|
||||
bool isObscureText=true;
|
||||
bool isObscureTextForReEnter=true;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const Placeholder();
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
body: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(24),
|
||||
child: Column(
|
||||
children: [
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .2),
|
||||
Center(
|
||||
child: Text("AQUICK SUPPLIER",
|
||||
style: fontTextStyle(20, Color(0XFF515253), FontWeight.w800)),
|
||||
),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .05),
|
||||
CircleAvatar(radius: 80, backgroundColor: Color(0XFFF3F1FB)),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .05),
|
||||
Center(
|
||||
child: Text(
|
||||
"Welcome to Aquick Supplier",
|
||||
style: fontTextStyle(20, Color(0XFF343637), FontWeight.w700),
|
||||
),
|
||||
),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .004),
|
||||
Center(
|
||||
child: Text(
|
||||
"Sign up to be listed as a supplier, start deliveries and track orders",
|
||||
style: fontTextStyle(12, Color(0XFF7E7F80), FontWeight.w400),
|
||||
textAlign: TextAlign.center, // Keeps text centered in multiple lines
|
||||
),
|
||||
),
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .016,),
|
||||
Container(
|
||||
child: TextFormField(
|
||||
cursorColor:Color(0XFF8270DB),
|
||||
obscureText: isObscureText,
|
||||
obscuringCharacter: '*',
|
||||
controller: createPasswordController,
|
||||
decoration: InputDecoration(
|
||||
filled: false,
|
||||
fillColor: Colors.white,
|
||||
labelText: 'Create Password',
|
||||
//prefixIcon: const Icon(Icons.lock, color: Colors.white,),
|
||||
labelStyle: fontTextStyle(14,Color(0XFF7E7F80),FontWeight.w400),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(4.0),
|
||||
borderSide: BorderSide(color: greyColor,
|
||||
width: 1, )),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(4.0),
|
||||
borderSide: BorderSide(color: Color(0XFF8270DB),width: 2,),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(4.0),
|
||||
borderSide: BorderSide(color: greyColor),
|
||||
),
|
||||
|
||||
suffixIcon: IconButton(
|
||||
icon: isObscureText==true?Image.asset('images/eye_icon.png',color: Color(0XFF7E7F80),width: 16,height: 16,):Image.asset('images/open_eye.png',color:Color(0XFF7E7F80),width: 16,height: 16,),
|
||||
/* Icon(
|
||||
icon:Image.asset('assets/your_image.png'),
|
||||
color: isObscureText==true?greyColor:primaryColor,
|
||||
),*/
|
||||
onPressed: () {
|
||||
|
||||
print("show password");
|
||||
setState(() {
|
||||
isObscureText = !isObscureText;
|
||||
});
|
||||
},
|
||||
),
|
||||
|
||||
),
|
||||
style: fontTextStyle(14,Color(0XFF2A2A2A),FontWeight.w400),
|
||||
|
||||
),
|
||||
),
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .012,),
|
||||
Container(
|
||||
child: TextFormField(
|
||||
cursorColor:Color(0XFF8270DB),
|
||||
obscureText: isObscureTextForReEnter,
|
||||
obscuringCharacter: '*',
|
||||
controller: reEnterPasswordController,
|
||||
decoration: InputDecoration(
|
||||
filled: false,
|
||||
fillColor: Colors.white,
|
||||
labelText: 'Re Enter Password',
|
||||
//prefixIcon: const Icon(Icons.lock, color: Colors.white,),
|
||||
labelStyle: fontTextStyle(14,Color(0XFF7E7F80),FontWeight.w400),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(4.0),
|
||||
borderSide: BorderSide(color: greyColor,
|
||||
width: 1, )),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(4.0),
|
||||
borderSide: BorderSide(color: Color(0XFF8270DB),width: 2,),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(4.0),
|
||||
borderSide: BorderSide(color: greyColor),
|
||||
),
|
||||
|
||||
suffixIcon: IconButton(
|
||||
icon: isObscureTextForReEnter==true?Image.asset('images/eye_icon.png',color: Color(0XFF7E7F80),width: 16,height: 16,):Image.asset('images/open_eye.png',color:Color(0XFF7E7F80),width: 16,height: 16,),
|
||||
/* Icon(
|
||||
icon:Image.asset('assets/your_image.png'),
|
||||
color: isObscureText==true?greyColor:primaryColor,
|
||||
),*/
|
||||
onPressed: () {
|
||||
|
||||
print("show password");
|
||||
setState(() {
|
||||
isObscureTextForReEnter = !isObscureTextForReEnter;
|
||||
});
|
||||
},
|
||||
),
|
||||
|
||||
),
|
||||
style: fontTextStyle(14,Color(0XFF2A2A2A),FontWeight.w400),
|
||||
|
||||
),
|
||||
),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .04),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height * .06,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
foregroundColor: Colors.white,
|
||||
backgroundColor: primaryColor,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius:
|
||||
BorderRadius.circular(24.0), // Customize the radius
|
||||
),
|
||||
),
|
||||
onPressed: () async{
|
||||
String createPassword = createPasswordController.text.trim();
|
||||
String reEnterPassword = reEnterPasswordController.text.trim();
|
||||
if (createPassword.isEmpty || reEnterPassword.isEmpty) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text("Please fill both password fields")),
|
||||
);
|
||||
} else if (createPassword != reEnterPassword) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text("Passwords do not match")),
|
||||
);
|
||||
} else {
|
||||
// ✅ Passwords match → navigate to next page
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => SignUp(mobileNumber: widget.mobileNumber,password: createPasswordController.text,)), // replace with your next page
|
||||
);
|
||||
}
|
||||
},
|
||||
child: Text(
|
||||
'Login',
|
||||
style: fontTextStyle(14, Color(0XFFFFFFFF), FontWeight.w600),
|
||||
),
|
||||
)),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .012),
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||