meylis98
/
sapaly_store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

visible invisible password fields

This commit is contained in:
meylis98 2023-03-09 02:35:20 +05:00
parent ae91f8de7d
commit d583ab0a5c
9 changed files with 292 additions and 227 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
lib/common/custom_button.dart
View File

@ -22,10 +22,16 @@ class CustomButton extends StatelessWidget {
return Container(
height: GlobalVariables.deviceHeight(context) / 15,
width: double.infinity,
decoration: BoxDecoration(
border: Border.all(
color: Colors.transparent,
width: 0,
),
),
margin: EdgeInsets.symmetric(
vertical: 5.adaptedPx(),
),
child: OutlinedButton(
child: TextButton(
onPressed: onTap,
style: TextButton.styleFrom(
backgroundColor: backgroundColor,

49
lib/common/widgets/custom_text_field.dart
View File

@ -3,31 +3,43 @@ import 'package:flutter/material.dart';
import '../../themes/app_theme.dart';
class CustomTextField extends StatelessWidget {
const CustomTextField({
class CustomTextField extends StatefulWidget {
CustomTextField({
Key? key,
required this.labelText,
required this.controller,
required this.hintText,
required this.obscureText,
required this.inputType,
required this.isPassword,
}) : super(key: key);
final String labelText, hintText;
final TextEditingController controller;
final bool obscureText;
bool obscureText, isPassword;
final TextInputType inputType;
@override
State<CustomTextField> createState() => _CustomTextFieldState();
}
class _CustomTextFieldState extends State<CustomTextField> {
void _toggle() {
setState(() {
widget.obscureText = !widget.obscureText;
});
}
@override
Widget build(BuildContext context) {
return TextFormField(
controller: controller,
obscureText: obscureText,
keyboardType: inputType,
controller: widget.controller,
obscureText: widget.obscureText,
keyboardType: widget.inputType,
cursorColor: AppTheme.lightPrimaryColor,
decoration: InputDecoration(
labelText: labelText,
hintText: hintText,
labelText: widget.labelText,
hintText: widget.hintText,
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.adaptedPx()),
borderSide: BorderSide(
@ -46,6 +58,23 @@ class CustomTextField extends StatelessWidget {
color: AppTheme.lightTextColor,
fontSize: 13.adaptedPx(),
),
suffixIcon: widget.isPassword
? IconButton(
onPressed: () {
setState(() {
_toggle();
});
},
icon: Icon(
widget.obscureText
? Icons.visibility_outlined
: Icons.visibility_off_outlined,
),
)
: IconButton(
onPressed: () {},
icon: Container(),
),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.adaptedPx()),
borderSide: BorderSide(
@ -55,8 +84,8 @@ class CustomTextField extends StatelessWidget {
),
),
validator: (value) {
if (value == null || value.isEmpty) {
return 'Enter your $hintText';
if (value == null || value.length < 8) {
return 'password_length_8';
}
return null;
},

17
lib/constants/utils.dart
View File

@ -3,14 +3,17 @@ import 'package:flutter/material.dart';
import 'package:sapaly_shop/constants/global_variables.dart';
import 'package:sapaly_shop/themes/app_theme.dart';
void showSnackBar(BuildContext ctx,
{SnackBar Function(String? content)? snackBar,
String? content,
Color? textColor,
Icon? icon,
Color? backgroundColor,
Duration? duration}) {
void showSnackBar(
BuildContext ctx, {
SnackBar Function(String? content)? snackBar,
String? content,
Color? textColor,
Icon? icon,
Color? backgroundColor,
Duration? duration,
}) {
ScaffoldMessenger.of(ctx).hideCurrentSnackBar();
ScaffoldMessenger.of(ctx).showSnackBar(snackBar == null
? SnackBar(
padding: EdgeInsets.symmetric(

191
lib/features/screens/auth/login/login_screen.dart
View File

@ -49,107 +49,106 @@ class _LoginScreenState extends State<LoginScreen> {
appBar: AppBar(
leading: Container(),
),
body: Align(
alignment: Alignment.center,
child: Container(
margin: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) * 2,
horizontal: GlobalVariables.horizontalPadding(context),
body: Container(
margin: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) * 2,
horizontal: GlobalVariables.horizontalPadding(context),
),
padding: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) / 2,
horizontal: GlobalVariables.horizontalPadding(context),
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10.adaptedPx()),
border: Border.all(
width: 2.adaptedPx(),
color: AppTheme.blackColor.withOpacity(0.1),
),
padding: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) / 2,
horizontal: GlobalVariables.horizontalPadding(context),
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10.adaptedPx()),
border: Border.all(
width: 2.adaptedPx(),
color: AppTheme.blackColor.withOpacity(0.1),
),
),
height: GlobalVariables.deviceHeight(context) / 1.55,
child: Form(
key: formKey,
child: ListView(
physics: const BouncingScrollPhysics(),
children: [
Padding(
padding: EdgeInsets.symmetric(
vertical: 30.adaptedPx(),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
'assets/images/sapalyLogo.png',
),
SizedBox(width: 15.adaptedPx()),
Text(
GlobalVariables.kAppName,
style: Theme.of(context)
.primaryTextTheme
.bodyMedium
?.copyWith(
color: AppTheme.blackColor,
fontSize: 18.adaptedPx(),
fontWeight: FontWeight.w600,
),
)
],
),
),
height: GlobalVariables.deviceHeight(context) / 1.55,
child: Form(
key: formKey,
child: ListView(
physics: const NeverScrollableScrollPhysics(),
children: [
Padding(
padding: EdgeInsets.symmetric(
vertical: 30.adaptedPx(),
),
Padding(
padding: EdgeInsets.symmetric(vertical: 15.adaptedPx()),
child: CustomTextField(
controller: emailController,
labelText: 'email',
hintText: 'enter_your_email',
obscureText: false,
inputType: TextInputType.emailAddress,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
'assets/images/sapalyLogo.png',
),
SizedBox(width: 15.adaptedPx()),
Text(
GlobalVariables.kAppName,
style: Theme.of(context)
.primaryTextTheme
.bodyMedium
?.copyWith(
color: AppTheme.blackColor,
fontSize: 18.adaptedPx(),
fontWeight: FontWeight.w600,
),
)
],
),
CustomTextField(
controller: passwordController,
labelText: 'password',
hintText: 'enter_your_password',
obscureText: true,
inputType: TextInputType.visiblePassword,
),
Padding(
padding: EdgeInsets.symmetric(vertical: 15.adaptedPx()),
child: CustomTextField(
controller: emailController,
labelText: 'email',
hintText: 'enter_your_email',
isPassword: false,
obscureText: false,
inputType: TextInputType.emailAddress,
),
SizedBox(height: 30.adaptedPx()),
CustomButton(
name: 'login',
onTap: () {
if (formKey.currentState!.validate()) {
login();
}
},
backgroundColor: AppTheme.lightPrimaryColor,
isMain: true,
),
CustomTextField(
controller: passwordController,
labelText: 'password',
hintText: 'enter_your_password',
obscureText: true,
isPassword: true,
inputType: TextInputType.visiblePassword,
),
SizedBox(height: 30.adaptedPx()),
CustomButton(
name: 'login',
onTap: () {
if (formKey.currentState!.validate()) {
login();
}
},
backgroundColor: AppTheme.lightPrimaryColor,
isMain: true,
),
Align(
alignment: Alignment.center,
child: Text(
'or',
style: Theme.of(context)
.primaryTextTheme
.bodyMedium
?.copyWith(
fontSize: 15.adaptedPx(),
color: AppTheme.lightTextColor),
),
Align(
alignment: Alignment.center,
child: Text(
'or',
style: Theme.of(context)
.primaryTextTheme
.bodyMedium
?.copyWith(
fontSize: 15.adaptedPx(),
color: AppTheme.lightTextColor),
),
),
CustomButton(
name: 'register',
onTap: () {
PageNavigator(ctx: context).nextPage(
page: const RegisterScreen(),
);
},
backgroundColor: AppTheme.lightTextColor.withOpacity(0.2),
isMain: false,
),
],
),
),
CustomButton(
name: 'register',
onTap: () {
PageNavigator(ctx: context).nextPage(
page: const RegisterScreen(),
);
},
backgroundColor: Colors.grey.withOpacity(0.15),
isMain: false,
),
],
),
),
),

216
lib/features/screens/auth/register_screen.dart
View File

@ -54,123 +54,123 @@ class _LoginScreenState extends State<RegisterScreen> {
appBar: AppBar(
leading: Container(),
),
body: Align(
alignment: Alignment.center,
child: Container(
margin: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) / 2,
horizontal: GlobalVariables.horizontalPadding(context),
body: Container(
margin: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) / 2,
horizontal: GlobalVariables.horizontalPadding(context),
),
padding: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) / 2,
horizontal: GlobalVariables.horizontalPadding(context),
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10.adaptedPx()),
border: Border.all(
width: 2.adaptedPx(),
color: AppTheme.blackColor.withOpacity(0.1),
),
padding: EdgeInsets.symmetric(
vertical: GlobalVariables.verticalPadding(context) / 2,
horizontal: GlobalVariables.horizontalPadding(context),
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10.adaptedPx()),
border: Border.all(
width: 2.adaptedPx(),
color: AppTheme.blackColor.withOpacity(0.1),
),
),
height: GlobalVariables.deviceHeight(context) / 1.5,
child: Form(
key: formKey,
child: ListView(
physics: const BouncingScrollPhysics(),
children: [
Padding(
padding: EdgeInsets.symmetric(
vertical: 15.adaptedPx(),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
'assets/images/sapalyLogo.png',
),
SizedBox(width: 15.adaptedPx()),
Text(
GlobalVariables.kAppName,
style: Theme.of(context)
.primaryTextTheme
.bodyMedium
?.copyWith(
color: AppTheme.blackColor,
fontSize: 18.adaptedPx(),
fontWeight: FontWeight.w600,
),
)
],
),
),
height: GlobalVariables.deviceHeight(context) / 1.5,
child: Form(
key: formKey,
child: ListView(
physics: const NeverScrollableScrollPhysics(),
children: [
Padding(
padding: EdgeInsets.symmetric(
vertical: 15.adaptedPx(),
),
Padding(
padding: EdgeInsets.symmetric(vertical: 15.adaptedPx()),
child: CustomTextField(
controller: emailController,
labelText: 'your_email',
hintText: 'enter_your_email_here',
obscureText: false,
inputType: TextInputType.emailAddress,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
'assets/images/sapalyLogo.png',
),
SizedBox(width: 15.adaptedPx()),
Text(
GlobalVariables.kAppName,
style: Theme.of(context)
.primaryTextTheme
.bodyMedium
?.copyWith(
color: AppTheme.blackColor,
fontSize: 18.adaptedPx(),
fontWeight: FontWeight.w600,
),
)
],
),
CustomTextField(
controller: phoneController,
labelText: 'your_phone_number',
hintText: '64283513',
),
Padding(
padding: EdgeInsets.symmetric(vertical: 15.adaptedPx()),
child: CustomTextField(
controller: emailController,
labelText: 'your_email',
hintText: 'enter_your_email_here',
obscureText: false,
inputType: TextInputType.phone,
isPassword: false,
inputType: TextInputType.emailAddress,
),
Padding(
padding: EdgeInsets.symmetric(vertical: 15.adaptedPx()),
child: CustomTextField(
controller: passwordController,
labelText: 'your_password',
hintText: 'enter_your_password_here',
obscureText: true,
inputType: TextInputType.visiblePassword,
),
),
CustomTextField(
controller: passwordConfirmationController,
labelText: 'repeat_password',
hintText: 'repeat_password_to_confirm',
),
CustomTextField(
controller: phoneController,
labelText: 'your_phone_number',
hintText: '64283513',
obscureText: false,
isPassword: false,
inputType: TextInputType.phone,
),
Padding(
padding: EdgeInsets.symmetric(vertical: 15.adaptedPx()),
child: CustomTextField(
controller: passwordController,
labelText: 'your_password',
hintText: 'enter_your_password_here',
obscureText: true,
isPassword: true,
inputType: TextInputType.visiblePassword,
),
SizedBox(height: 20.adaptedPx()),
CustomButton(
name: 'register',
onTap: () async {
if (formKey.currentState!.validate()) {
register();
}
},
isMain: true,
backgroundColor: AppTheme.lightPrimaryColor,
),
CustomTextField(
controller: passwordConfirmationController,
labelText: 'repeat_password',
hintText: 'repeat_password_to_confirm',
obscureText: true,
isPassword: true,
inputType: TextInputType.visiblePassword,
),
SizedBox(height: 20.adaptedPx()),
CustomButton(
name: 'register',
onTap: () async {
if (formKey.currentState!.validate()) {
register();
}
},
isMain: true,
backgroundColor: AppTheme.lightPrimaryColor,
),
Align(
alignment: Alignment.center,
child: Text(
'or',
textAlign: TextAlign.center,
style:
Theme.of(context).primaryTextTheme.bodyMedium?.copyWith(
color: AppTheme.blackColor,
fontSize: 14.adaptedPx(),
),
),
Align(
alignment: Alignment.center,
child: Text(
'or',
textAlign: TextAlign.center,
style:
Theme.of(context).primaryTextTheme.bodyMedium?.copyWith(
color: AppTheme.blackColor,
fontSize: 14.adaptedPx(),
),
),
),
CustomButton(
name: 'login',
isMain: false,
onTap: () {
PageNavigator(ctx: context)
.nextPageOnly(page: LoginScreen());
},
backgroundColor: AppTheme.lightTextColor.withOpacity(0.150),
),
],
),
),
CustomButton(
name: 'login',
isMain: false,
onTap: () {
PageNavigator(ctx: context).nextPageOnly(page: LoginScreen());
},
backgroundColor: Colors.grey.withOpacity(0.15),
),
],
),
),
),

7
lib/features/screens/home/home_screen.dart
View File

@ -165,8 +165,11 @@ class _HomeScreenState extends State<HomeScreen> with TickerProviderStateMixin {
),
]
: [
const Center(
child: CircularProgressIndicator()),
SizedBox(
height: 150.adaptedPx(),
child: const Center(
child: CircularProgressIndicator()),
),
],
options: CarouselOptions(
initialPage: 0,

6
lib/features/screens/home/product.dart
View File

@ -1,3 +1,4 @@
import 'package:adaptix/adaptix.dart';
import 'package:flutter/material.dart';
import 'package:sapaly_shop/models/product_model.dart';
@ -41,9 +42,10 @@ class _ProductsState extends State<Products> {
: GridView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 4 / 5,
childAspectRatio: 4 / (4.5),
mainAxisSpacing: 15.adaptedPx(),
),
itemCount: products.length,
itemBuilder: (context, index) {

15
lib/features/services/auth_service.dart
View File

@ -116,4 +116,19 @@ class AuthService {
debugPrint('Register ERROr ${e.toString()}');
}
}
// get user data
Future<void> getUserData({
required BuildContext context,
}) async {
try {
SharedPreferences prefs = await SharedPreferences.getInstance();
String? token = prefs.getString('token');
if (token == null) {
prefs.setString('token', '');
}
// await http.post(Uri.parse('$uri'));
} catch (e) {}
}
}

10
lib/main.dart
View File

@ -6,6 +6,7 @@ import 'package:sapaly_shop/features/screens/dashboard/dashboard.dart';
import 'package:sapaly_shop/features/screens/drawer/sapaly_drawer.dart';
import 'package:sapaly_shop/features/screens/home/home_screen.dart';
import 'package:sapaly_shop/features/screens/auth/login/login_screen.dart';
import 'package:sapaly_shop/features/services/auth_service.dart';
import 'package:sapaly_shop/providers/user_provider.dart';
import 'package:sapaly_shop/router.dart';
import 'package:sapaly_shop/themes/app_theme.dart';
@ -30,9 +31,16 @@ Future<void> main() async {
);
}
class MyApp extends StatelessWidget {
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
final AuthService service = AuthService();
@override
Widget build(BuildContext context) {
return SizeInitializer(