|
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/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 {
|
class PasswordTextBoxesScreen extends StatefulWidget {
|
||||||
const PasswordTextBoxesScreen({super.key});
|
var mobileNumber;
|
||||||
|
PasswordTextBoxesScreen({
|
||||||
|
this.mobileNumber
|
||||||
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<PasswordTextBoxesScreen> createState() => _PasswordTextBoxesScreenState();
|
State<PasswordTextBoxesScreen> createState() => _PasswordTextBoxesScreenState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _PasswordTextBoxesScreenState extends State<PasswordTextBoxesScreen> {
|
class _PasswordTextBoxesScreenState extends State<PasswordTextBoxesScreen> {
|
||||||
|
TextEditingController reEnterPasswordController = TextEditingController();
|
||||||
|
TextEditingController createPasswordController = TextEditingController();
|
||||||
|
bool isObscureText=true;
|
||||||
|
bool isObscureTextForReEnter=true;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
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),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||