refactor(auth): update example with new input builders
This commit is contained in:
parent
08383ec03b
commit
852d29ef0a
@ -3,7 +3,7 @@
|
|||||||
// -----
|
// -----
|
||||||
// File: sign_in_form.dart
|
// File: sign_in_form.dart
|
||||||
// Created Date: 19/08/2022 15:24:37
|
// Created Date: 19/08/2022 15:24:37
|
||||||
// Last Modified: Tue Nov 15 2022
|
// Last Modified: Wed Nov 16 2022
|
||||||
// -----
|
// -----
|
||||||
// Copyright (c) 2022
|
// Copyright (c) 2022
|
||||||
|
|
||||||
@ -16,14 +16,14 @@ class _EmailInput extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return InputBuilder<SignInCubit<int>>(
|
return InputBuilder<SignInCubit<int>>(
|
||||||
field: AuthFormField.email,
|
field: AuthFormField.email,
|
||||||
builder: ((context, cubit, state, field, inputValid) {
|
builder: ((context, cubit, state, field, input) {
|
||||||
return TextField(
|
return TextField(
|
||||||
onChanged: (email) => cubit.emailChanged(email),
|
onChanged: (email) => cubit.emailChanged(email),
|
||||||
keyboardType: TextInputType.emailAddress,
|
keyboardType: TextInputType.emailAddress,
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
labelText: 'Email',
|
labelText: 'Email',
|
||||||
helperText: '',
|
helperText: '',
|
||||||
errorText: !inputValid ? 'Invalid email' : null,
|
errorText: input.validator.invalid ? 'Invalid email' : null,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}),
|
}),
|
||||||
@ -36,14 +36,14 @@ class _PasswordInput extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return InputBuilder<SignInCubit<int>>(
|
return InputBuilder<SignInCubit<int>>(
|
||||||
field: AuthFormField.password,
|
field: AuthFormField.password,
|
||||||
builder: ((context, cubit, state, field, inputValid) {
|
builder: ((context, cubit, state, field, input) {
|
||||||
return TextField(
|
return TextField(
|
||||||
onChanged: (pwd) => cubit.passwordChanged(pwd),
|
onChanged: (pwd) => cubit.passwordChanged(pwd),
|
||||||
obscureText: true,
|
obscureText: true,
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
labelText: 'Password',
|
labelText: 'Password',
|
||||||
helperText: '',
|
helperText: '',
|
||||||
errorText: !inputValid ? 'Invalid password' : null,
|
errorText: input.validator.invalid ? 'Invalid password' : null,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}),
|
}),
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
// -----
|
// -----
|
||||||
// File: sign_up_form.dart
|
// File: sign_up_form.dart
|
||||||
// Created Date: 19/08/2022 14:41:08
|
// Created Date: 19/08/2022 14:41:08
|
||||||
// Last Modified: Fri Nov 11 2022
|
// Last Modified: Wed Nov 16 2022
|
||||||
// -----
|
// -----
|
||||||
// Copyright (c) 2022
|
// Copyright (c) 2022
|
||||||
|
|
||||||
@ -17,14 +17,14 @@ class _EmailInput extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return InputBuilder<SignUpCubit<int>>(
|
return InputBuilder<SignUpCubit<int>>(
|
||||||
field: AuthFormField.email,
|
field: AuthFormField.email,
|
||||||
builder: ((context, cubit, state, field, inputValid) {
|
builder: ((context, cubit, state, field, input) {
|
||||||
return TextField(
|
return TextField(
|
||||||
onChanged: (email) => cubit.emailChanged(email),
|
onChanged: (email) => cubit.emailChanged(email),
|
||||||
keyboardType: TextInputType.emailAddress,
|
keyboardType: TextInputType.emailAddress,
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
labelText: 'Email',
|
labelText: 'Email',
|
||||||
helperText: '',
|
helperText: '',
|
||||||
errorText: !inputValid ? 'Invalid email' : null,
|
errorText: input.validator.invalid ? 'Invalid email' : null,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}),
|
}),
|
||||||
@ -37,7 +37,7 @@ class _PasswordInput extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return InputBuilder<SignUpCubit<int>>(
|
return InputBuilder<SignUpCubit<int>>(
|
||||||
field: AuthFormField.password,
|
field: AuthFormField.password,
|
||||||
builder: ((context, cubit, state, field, inputValid) {
|
builder: ((context, cubit, state, field, input) {
|
||||||
return TextField(
|
return TextField(
|
||||||
onChanged: (pwd) {
|
onChanged: (pwd) {
|
||||||
cubit.passwordChanged(pwd);
|
cubit.passwordChanged(pwd);
|
||||||
@ -52,7 +52,7 @@ class _PasswordInput extends StatelessWidget {
|
|||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
labelText: 'Password',
|
labelText: 'Password',
|
||||||
helperText: '',
|
helperText: '',
|
||||||
errorText: !inputValid ? 'Invalid password' : null,
|
errorText: input.validator.invalid ? 'Invalid password' : null,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}),
|
}),
|
||||||
@ -65,7 +65,7 @@ class _ConfirmPasswordInput extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return InputBuilder<SignUpCubit<int>>(
|
return InputBuilder<SignUpCubit<int>>(
|
||||||
field: AppFormField.confirmedPassword,
|
field: AppFormField.confirmedPassword,
|
||||||
builder: ((context, cubit, state, field, inputValid) {
|
builder: ((context, cubit, state, field, input) {
|
||||||
return TextField(
|
return TextField(
|
||||||
onChanged: (pwd) {
|
onChanged: (pwd) {
|
||||||
cubit.dataChanged(
|
cubit.dataChanged(
|
||||||
@ -80,7 +80,8 @@ class _ConfirmPasswordInput extends StatelessWidget {
|
|||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
labelText: 'Confirm password',
|
labelText: 'Confirm password',
|
||||||
helperText: '',
|
helperText: '',
|
||||||
errorText: !inputValid ? 'Passwords do not match' : null,
|
errorText:
|
||||||
|
input.validator.invalid ? 'Passwords do not match' : null,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}),
|
}),
|
||||||
|
Loading…
x
Reference in New Issue
Block a user