Flutter Custom FormField: les méthodes de validation et d'enregistrement ne sont pas appelées

Je suis assez nouveau dans Flutter, et j'ai un peu de mal à créer un champ de formulaire personnalisé. Le problème est que ni le validateur ni la méthode onSaved de mon FormField personnalisé ne sont appelés. Je ne sais vraiment pas pourquoi ils sont ignorés lorsque je déclenche un formKey.currentState.validate () ou formKey.currentState.save () .

C'est un joli widget simple pour l'instant, avec un texte d'entrée et un bouton. Le bouton récupère l'emplacement actuel de l'utilisateur et met à jour le champ de texte avec l'adresse actuelle. Lorsque l'utilisateur saisit une adresse dans le champ de texte, il récupérera l'emplacement de cette adresse sur le focus perdu (j'ai également l'intégration avec Google Maps, mais je l'ai simplifiée pour isoler le problème).

Voici le constructeur de mon champ de formulaire:

void _submitForm() {
    print('formdata : $_formData');

    if (!_formKey.currentState.validate()) {
      return;
    }
    _formKey.currentState.save();

    print('formdata : $_formData');
}

Comme j'ai besoin de gérer l'état dans mon FormField personnalisé, je le construis dans l'objet FormFieldState. L'état de l'emplacement est mis à jour lorsque vous appuyez sur le bouton:

Widget _buildLocationField() {
        return LocationFormField(
          initialValue: null,
          validator: (LocationData value) {
            print('validator location');
            if (value.address == null || value.address.isEmpty) {
              return 'No valid location found';
            }
          },
          onSaved: (LocationData value) {
            print('location saved: $value');
            _formData['location'] = value;
          },
        ); // LocationFormField
      }

@override
  Widget build(BuildContext context) {
    return Scaffold(
          appBar: AppBar(
            // Here we take the value from the MyHomePage object that was created by
            // the App.build method, and use it to set our appbar title.
            title: Text(widget.title),
          ),
          body: Center(
            // Center is a layout widget. It takes a single child and positions it
            // in the middle of the parent.
            child: Container(
              margin: EdgeInsets.all(10.0),
              child: Form(
                key: _formKey,
                child: SingleChildScrollView(
                  padding: EdgeInsets.symmetric(horizontal: targetPadding / 2),
                  child: Column(
                    children: <Widget>[
                      _buildTitleTextField(),
                      SizedBox(
                        height: 10.0,
                      ),
                      _buildLocationField(),
                      SizedBox(
                        height: 10.0,
                      ),
                      _buildSubmitButton(),
                    ],
                  ),
                ),
              ),
            ),
          ),
        );
      }

Voici comment je l'instancie dans mon application. Rien de spécial ici; Je l'ai mis dans un formulaire avec une clé de formulaire. Il existe un autre TextFormField pour vérifier que celui-ci fonctionne correctement:

main.dart

class _LocationFormFieldState extends FormFieldState<LocationData> {

 @override
 Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        TextField(
          focusNode: _addressInputFocusNode,
          controller: _addressInputController,
          decoration: InputDecoration(labelText: 'Address'),
        ),
        SizedBox(height: 10.0),
        FlatButton(
          color: Colors.deepPurpleAccent,
          textColor: Colors.white,
          child: Text('Locate me !'),
          onPressed: _updateLocation,
        ),
      ],
    );
  }

  void _updateLocation() async {
    print('current value: ${this.value}');
      final double latitude = 45.632;
      final double longitude = 17.457;
      final String formattedAddress = await _getAddress(latitude, longitude);
      print(formattedAddress);

      if (formattedAddress != null) {
        final LocationData locationData = LocationData(
            address: formattedAddress,
            latitude: latitude,
            longitude: longitude);

          _addressInputController.text = locationData.address;

        // save data in form
        this.didChange(locationData);
        print('New location: ' + locationData.toString());
        print('current value: ${this.value}');
    }
  }

La méthode d'envoi déclenchée par le bouton d'envoi du formulaire essaiera simplement de valider puis d'enregistrer le formulaire.

Il suffit d'imprimer les données enregistrées sous le formulaire:

class LocationFormField extends FormField<LocationData> {

    LocationFormField(
          {FormFieldSetter<LocationData> onSaved,
          FormFieldValidator<LocationData> validator,
          LocationData initialValue,
          bool autovalidate = false})
          : super(
                onSaved: onSaved,
                validator: validator,
                initialValue: initialValue,
                autovalidate: autovalidate,
                builder: (FormFieldState<LocationData> state) {
                  return state.build(state.context);
                });

      @override
      FormFieldState<LocationData> createState() {
        return _LocationFormFieldState();
      }
}

Mais _formData ['location'] renvoie toujours null, et le validateur n'est jamais appelé (aucun 'emplacement du validateur' ou 'emplacement enregistré' n'est imprimé dans les journaux).

J'ai créé un exemple de dépôt pour reproduire ceci problème. Vous pouvez essayer d'exécuter le projet, cliquez d'abord sur le Localisez-moi! bouton, puis le bouton Enregistrer à https://github.com/manumura/flutter-location- champ de formulaire