Внутреннее значение FormBuilderCheckboxList сброшено, но флажок все еще находится в отмеченном состоянии (не снят) при использовании НАЧАЛЬНОГО ЗНАЧЕНИЯ

Question

Я использую пакет FLUTTER_FORM_BUILDER для своей пользовательской формы. Я создаю список флажков с помощью FormBuilderCheckbox, я даю ему начальное значение, используяinitialValueконструктор. Проблема возникает, когда я пытаюсь снять флажок. Я использую globalkey.currentState.reset() для сброса значения. Он сбрасывает внутреннее значение флажка, но кажется, что флажки все еще находятся в проверенном состоянии.

Как я могу его очистить? Я не могу использовать.clear(), так как не могу назначить контроллер для FormBuilderCheckbox.

Любое понимание будет оценено, спасибо.

РЕДАКТИРОВАТЬ: это упрощенный код для воспроизведения.

import 'package:flutter/material.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Map _initialData = {
    'checkbox': ['1'],
  };

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyCustomForm(data: _initialData),
    );
  }
}

class MyCustomForm extends StatefulWidget {
  final Map data;

  const MyCustomForm({Key key, @required this.data}) : super(key: key);

  @override
  _MyCustomFormState createState() => _MyCustomFormState();
}

class _MyCustomFormState extends State<MyCustomForm> {
  List _checkboxInitial;
  final GlobalKey<FormBuilderState> _fbKey = GlobalKey<FormBuilderState>();

  @override
  void initState() {
    setState(() {
      _checkboxInitial = List.from(widget.data['checkbox']);
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Material(
      child: Container(
        height: 200,
        width: 200,
        child: FormBuilder(
          key: _fbKey,
          child: Column(
            children: <Widget>[
              FormBuilderCheckboxList(
                initialValue: _checkboxInitial,
                decoration: InputDecoration(border: InputBorder.none),
                attribute: 'checkbox',
                options: [
                  '1',
                  '2',
                  '3',
                ]
                    .map(
                      (data) => FormBuilderFieldOption(
                        child: Text(data),
                        value: data,
                      ),
                    )
                    .toList(growable: false),
              ),
              RaisedButton(
                onPressed: () {
                  setState(() {
                    _fbKey.currentState.reset();
                  });
                },
                child: Text('Clear'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Answer 1

Судя по всему, я решил свою проблему с помощью UniqueKey(). Чтобы сбросить значение, просто сбросьте его внутриsetState().

class _MyCustomFormState extends State<MyCustomForm> {
  List _checkboxInitial;
  final GlobalKey<FormBuilderState> _fbKey = GlobalKey<FormBuilderState>();

  @override
  void initState() {
    setState(() {
      _checkboxInitial = widget.data['checkbox'];
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Material(
      child: Container(
        height: 200,
        width: 200,
        child: FormBuilder(
          key: _fbKey,
          child: Column(
            children: <Widget>[
              FormBuilderCheckboxList(
                key: UniqueKey(),
                initialValue: _checkboxInitial,
                decoration: InputDecoration(border: InputBorder.none),
                attribute: 'checkbox',
                options: [
                  '1',
                  '2',
                  '3',
                ]
                    .map(
                      (data) => FormBuilderFieldOption(
                        child: Text(data),
                        value: data,
                      ),
                    )
                    .toList(growable: false),
              ),
              RaisedButton(
                onPressed: () {
                  setState(() {
                    _checkboxInitial = [];
                  });
                },
                child: Text('Clear'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Надеюсь, это поможет любому, кому это нужно.