Ronaldo
Reputation: 38
Manage multiple forms validate inside a pageview with one onpressed
I have to submit 4 forms at the same time when pressing the callback button. However, when this button is pressed, the function called with onpressed must validate that all requirements are being performed in the field validations of the textformfield.
I'm using just one formkey and using formkey.validate to verify if the requirements are being accepted, but it doesn't work, and I don't have idea to how can I try in a different way.
class CreateAccountPage extends StatefulWidget {
CreateAccountPage({Key? key}) : super(key: key);
@override
_CreateAccountPageState createState() => _CreateAccountPageState();
}
class _CreateAccountPageState
extends ModularState<CreateAccountPage, CreateAccountController> {
static var _focusNode = FocusNode();
GlobalKey<FormState> _formKey = GlobalKey<FormState>();
bool? policy;
int currentPage = 0;
@override
void initState() {
super.initState();
_focusNode.addListener(() {
setState(() {});
print('Has focus: $_focusNode.hasFocus');
});
}
@override
void dispose() {
_focusNode.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: PageView(
//physics: NeverScrollableScrollPhysics(),
controller: controller.pageViewController,
onPageChanged: (index) {
currentPage = index;
},
children: [
SafeArea(
child: Scaffold(
backgroundColor: AppColors.background,
body: SingleChildScrollView(
child: Stack(
children: <Widget>[
Positioned(
top: 74,
left: 48,
child: Image.asset(
'assets/images/logo_budget.png',
height: 53.85,
width: 100,
),
),
Positioned(
top: 144,
left: 48,
child: SizedBox(
width: 255.0,
height: 118.0,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Bem-Vindo!',
style: TextStyles.h3HeadCreateAccount,
),
Text(
"Por favor insira seus dados nos campos abaixo.",
style: TextStyles.h6HeadCreateAccount,
)
],
),
),
),
Container(
padding: EdgeInsets.only(top: 419, left: 48, right: 48),
child: Form(
key: formKey[0],
child: Column(
children: [
Padding(
padding: const EdgeInsets.all(16.0),
child: AppTextFormFieldWidget(
controller: controller.nameCreate,
hintText: 'Nome',
labelText: 'Nome',
//validator: (value) =>
),
),
Padding(
padding: const EdgeInsets.all(16.0),
child: AppTextFormFieldWidget(
controller: controller.emailCreate,
labelText: 'E-Mail',
hintText: 'E-Mail',
validator: (value) => InputValidators()
.emailValidator(value ?? ""),
),
),
],
),
),
),
],
),
),
),
),
SafeArea(
child: Scaffold(
backgroundColor: AppColors.background,
body: SingleChildScrollView(
child: Stack(
children: <Widget>[
Positioned(
top: 74,
left: 48,
child: Image.asset(
'assets/images/logo_budget.png',
height: 53.85,
width: 100,
),
),
Positioned(
top: 144,
left: 48,
child: SizedBox(
width: 255.0,
height: 86.0,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Bem-Vindo!',
style: TextStyles.h3HeadCreateAccount,
),
Text(
"Mais alguns dados.",
style: TextStyles.h6HeadCreateAccount,
)
],
),
),
),
Container(
padding: EdgeInsets.only(top: 419, left: 48, right: 48),
child: Form(
key: _formKey,
child: Column(
children: [
Padding(
padding: const EdgeInsets.all(16.0),
child: AppTextFormFieldWidget(
controller: controller.telefoneCreate,
keyboardType: TextInputType.phone,
hintText: 'Telefone',
labelText: 'Telefone',
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
TelefoneInputFormatter(),
],
validator: (value) => InputValidators()
.emailValidator(value ?? ""),
),
),
Padding(
padding: const EdgeInsets.all(16.0),
child: AppTextFormFieldWidget(
controller: controller.cpfCreate,
labelText: 'CPF',
keyboardType: TextInputType.number,
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
CpfInputFormatter(),
],
validator: (value) =>
InputValidators().passwordValidator(value!),
),
),
],
),
),
),
],
),
),
),
),
SafeArea(
child: Scaffold(
backgroundColor: AppColors.background,
body: SingleChildScrollView(
child: Stack(
children: <Widget>[
Positioned(
top: 74,
left: 48,
child: Image.asset(
'assets/images/logo_budget.png',
height: 53.85,
width: 100,
),
),
Positioned(
top: 144,
left: 48,
child: SizedBox(
width: 255.0,
height: 86.0,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Bem-Vindo!',
style: TextStyles.h3HeadCreateAccount,
),
Text(
"Leia com atenção e aceite.",
style: TextStyles.h6HeadCreateAccount,
)
],
),
),
),
Container(
padding: EdgeInsets.only(top: 274, left: 27, right: 22),
child: Column(
children: [
Container(
height: 193.0,
width: 311.0,
child: Text(
"Lorem Ipsum neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Ipsum neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Nque porro est qui dolorem ipsum quia dolor sit amet, , adipisci velit. Quisquam est qui dolorem ipsum.",
style: TextStyles.blackRoboto16400,
)),
SizedBox(
height: 30.0,
),
Row(children: [
Container(
height: 48,
width: 48,
child: Radio<bool>(
value: policy ?? true,
groupValue: policy,
toggleable: true,
onChanged: (value) {
setState(() {
policy = value;
print(policy);
});
},
),
),
Container(
height: 48,
width: 272,
child: Text(
"Eu li e aceito os termos e condições e a Política de privacidade do budget.",
style: TextStyles.blackRoboto16400,
),
)
]),
],
),
),
],
),
),
),
),
SafeArea(
child: Scaffold(
backgroundColor: AppColors.background,
body: SingleChildScrollView(
child: Stack(
children: <Widget>[
Positioned(
top: 74,
left: 48,
child: Image.asset(
'assets/images/logo_budget.png',
height: 53.85,
width: 100,
),
),
Positioned(
top: 144,
left: 48,
child: SizedBox(
width: 255.0,
height: 118.0,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Bem-Vindo!',
style: TextStyles.h3HeadCreateAccount,
),
Text(
"Agora crie sua senha contendo:",
style: TextStyles.h6HeadCreateAccount,
)
],
),
),
),
Positioned(
top: 320,
child: Container(
margin: EdgeInsets.only(left: 60, right: 48),
height: 72,
width: 267,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"• pelo menos oito caracteres",
style: TextStyles.blackRoboto16400,
),
//TODO Verificar o campo com Bullet Point
Text(
"• letras maiúscula, letras minúsculas, números e símbolos",
style: TextStyles.blackRoboto16400,
),
],
),
),
),
Container(
padding: EdgeInsets.only(top: 419, left: 48, right: 48),
child: Form(
key: _formKey,
child: Column(
children: [
Padding(
padding: const EdgeInsets.all(16.0),
child: AppTextFormFieldWidget(
controller: controller.passwordCreate,
hintText: 'Crie uma senha',
validator: (value) {
InputValidators().passwordValidator(value!);
}),
),
Padding(
padding: const EdgeInsets.all(16.0),
child: AppTextFormFieldWidget(
controller:
controller.passwordCreateConfirmation,
hintText: 'Confirme sua senha',
validator: (value) {
if (value !=
controller.passwordCreate.text) {
return "As senhas não coincidem";
} else {
InputValidators()
.passwordValidator(value!);
}
}),
),
],
),
),
),
],
),
),
),
),
],
),
bottomNavigationBar: Padding(
padding: const EdgeInsets.only(bottom: 8),
child: AnimatedBuilder(
animation: controller.pageViewController,
builder: (context, snapshot) {
return Padding(
padding: const EdgeInsets.only(left: 12),
child: Container(
color: Colors.white,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
width: 116,
height: 48,
child: TextButton.icon(
icon: Icon(
Icons.arrow_back,
color: Color.fromRGBO(0, 0, 0, 0.26),
),
label: Text(
"VOLTAR",
style: TextStyle(
fontStyle: FontStyle.normal,
fontSize: 16,
fontFamily: "Roboto",
fontWeight: FontWeight.w500,
letterSpacing: 0.4,
textBaseline: TextBaseline.alphabetic,
color: Color.fromRGBO(0, 0, 0, 0.26),
),
),
onPressed: () {
if (currentPage == 0) {
Modular.to.popAndPushNamed('/initial');
} else {
controller.pageViewController.previousPage(
duration: Duration(milliseconds: 400),
curve: Curves.easeInOut,
);
}
},
),
),
Text("${currentPage + 1}/4",
style: TextStyles
.createAccountTextStyleBottomNavigatorNumber),
Padding(
padding: const EdgeInsets.only(right: 12),
child: ElevatedButtonWidget(
mainAlign: MainAxisAlignment.spaceBetween,
fontSize: 14,
buttonText: "CONTINUAR ",
width: 116,
height: 32,
paddingValue: 4,
suffixicon: Icon(
Icons.arrow_forward,
size: 18,
),
onpressed: () {
if (currentPage == 3 &&
_formKey.currentState!.validate() &&
policy == true) {
final user = User(
cpf: controller.cpfCreate.value.text,
name: controller.nameCreate.value.text,
email: controller.emailCreate.value.text,
password: controller.passwordCreate.value.text,
telephone: controller.telefoneCreate.value.text,
policyAccepted: policy!,
);
print(user);
// Modular.to.popAndPushNamed(
// "create_account_module/onboard");
} else {
controller.pageViewController.nextPage(
duration: Duration(milliseconds: 400),
curve: Curves.easeInOut,
);
}
}),
)
],
),
),
);
},
),
),
);
}
}
Upvotes: 1
Views: 1416
Answers (1)
Chart Chuo
Reputation: 44
The _formKey should be unique in the Widget tree. https://api.flutter.dev/flutter/widgets/Widget/key.html
Declare more GlobalKey() and assign to each Form()
Upvotes: 1
Related Questions
- How to validate TextFormFields, that are at different pages inside a PageView
- I am unable to do form validation for separate widgets, how to do form validation for divided widgets
- How to validate TextFormField individually using onFieldSubmitted
- Flutter - Checking Validation of TextFormField
- Flutter TextFormField Validation using constructor to call in one page error
- How to add two validators for a Text Form Field to accept and validate a email or a phone number?
- Flutter: Validate only one TextFormField
- How to validate a form in Flutter
- Manage multiple form (validation) in stepper flutter
- Is there a simple way to crossvalidate Flutter Form TextFormFields?