Change field value programmatically and rerender

[andr2k]

How to change the field value programmatically? Looks like the state is updated but the field is still rendered with the old value. Am I doing something wrong?

class FormBloc extends Bloc<FormEvent, FormState> { final GlobalKey<FormBuilderState> formKey; FormBloc({required this.formKey}) : super(FormInitial()) { on<Submit>((event, emit) { print(formKey.currentState?.fields['email']?.value); // prints old value formKey.currentState?.fields['email']?.setValue('newValue'); print(formKey.currentState?.fields['email']?.value); // prints new value, but the old value is still rendered }); } }

class FormView extends StatelessWidget { @override Widget build(BuildContext context) { var bloc = context.read<FormBloc>(); return Scaffold( appBar: AppBar(title: Text('TestForm')), body: FormBuilder( key: bloc.formKey, child: Column( children: [ FormBuilderTextField( key: UniqueKey(), name: 'email', decoration: InputDecoration(labelText: 'Email', border: OutlineInputBorder()), ), SizedBox(height: 20), FormBuilderTextField( key: UniqueKey(), name: 'password', decoration: InputDecoration(labelText: 'Password', border: OutlineInputBorder()), ), SizedBox(height: 20), TextButton( child: Text('Change Email'), onPressed: () { bloc.add(Submit()); }, ) ], ), ), ); } }

[andr2k]

didChange is the answer, please disregard :)