Skip to content

[Error Icon]: error icon on the error message left side #1320

Closed Answered by deandreamatias
felix0324324 asked this question in Q&A
Discussion options

You must be logged in to vote

Currently can't do it, because flutter_form_builder use errorText.

You have two alternatives:

  1. Create your own form field
  2. Move the error icon to suffix, like that
FormBuilderTextField(
  autovalidateMode: AutovalidateMode.always,
  name: 'age',
  decoration: InputDecoration(
    labelText: 'Age',
    suffixIcon: _ageHasError
        ? const Icon(Icons.error, color: Colors.red)
        : const Icon(Icons.check, color: Colors.green),
  ),
  onChanged: (val) {
    setState(() {
      _ageHasError =
          !(_formKey.currentState?.fields['age']?.validate() ??
              false);
    });
  },
  // valueTransformer: (text) => num.tryParse(text),
  validator: FormBuilderValidators.compose(…

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by deandreamatias
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
enhancement New feature or request
2 participants
Converted from issue

This discussion was converted from issue #1319 on November 02, 2023 15:51.