Как исправить _TypeError (тип 'List<Animal?>' не является подтипом типа 'List<Animal>?' значения 'value')

Это давно известная проблема в этой библиотеке, чтобы избежать этой проблемы, вы должны сделать параметр типа MultiSelectBottomSheetField<Animal?> обнуляемым.

Ваш код должен выглядеть следующим образом

class _ParticipantsToSelectState extends State<ParticipantsToSelect> {
  static final List<Animal> _animals = [
    Animal(id: 1, name: "Lion"),
    Animal(id: 2, name: "Flamingo"),
    Animal(id: 3, name: "Hippo"),
    Animal(id: 4, name: "Horse"),
    Animal(id: 5, name: "Tiger"),
    Animal(id: 6, name: "Penguin"),
    Animal(id: 7, name: "Spider"),
    Animal(id: 8, name: "Snake"),
    Animal(id: 9, name: "Bear"),
    Animal(id: 10, name: "Beaver"),
  ];

  final _items = _animals.map((animal) => MultiSelectItem<Animal>(animal, animal.name)).toList();
  List<Animal?> _selectedAnimals3 = [];
  final _multiSelectKey = GlobalKey<FormFieldState<List<Animal>>>(); // Update here

  @override
  void initState() {
    _selectedAnimals3 = _animals;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Expanded(
      child: MultiSelectBottomSheetField<Animal?>(
        key: _multiSelectKey,
        initialChildSize: 0.7,
        maxChildSize: 0.95,
        title: const Text("Animals"),
        buttonText: const Text("Favorite Animals"),
        items: _items,
        searchable: true,
        validator: (values) {
          if (values == null || values.isEmpty) {
            return "Required";
          }
          List<String> names = values.map((e) => e!.name).toList(); // Update here
          if (names.contains("Frog")) {
            return "Frogs are weird!";
          }
          return null;
        },
        onConfirm: (List<Animal?> values) {
          // Update here
          setState(() {
            _selectedAnimals3 = values;
          });
          _multiSelectKey.currentState?.validate();
        },
        chipDisplay: MultiSelectChipDisplay(
          onTap: (item) {
            setState(() {
              _selectedAnimals3.remove(item);
            });
            _multiSelectKey.currentState?.validate();
          },
        ),
      ),
    );
  }
}

Я предлагаю вам найти другую библиотеку для достижения ваших требований.

Отредактировано

Я разветвил библиотеку, чтобы решить эту проблему. Я видел, что на рассмотрении находится несколько PR, похоже, что разработчик неактивен.

Добавьте изменение pubspecs.yaml со следующей строкой

  multi_select_flutter:
    git: https://github.com/alexsunderlion/multi_select_flutter.git

И ваш код должен быть следующим.

class _ParticipantsToSelectState extends State<ParticipantsToSelect> {
  static final List<Animal> _animals = [
    Animal(id: 1, name: "Lion"),
    Animal(id: 2, name: "Flamingo"),
    Animal(id: 3, name: "Hippo"),
    Animal(id: 4, name: "Horse"),
    Animal(id: 5, name: "Tiger"),
    Animal(id: 6, name: "Penguin"),
    Animal(id: 7, name: "Spider"),
    Animal(id: 8, name: "Snake"),
    Animal(id: 9, name: "Bear"),
    Animal(id: 10, name: "Beaver"),
  ];

  final _items = _animals.map((animal) => MultiSelectItem<Animal>(animal, animal.name)).toList();
  List<Animal> _selectedAnimals3 = [];
  final _multiSelectKey = GlobalKey<FormFieldState<List<Animal>>>(); // Update here

  @override
  void initState() {
    _selectedAnimals3 = _animals;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Expanded(
      child: MultiSelectBottomSheetField<Animal>(
        key: _multiSelectKey,
        initialChildSize: 0.7,
        maxChildSize: 0.95,
        title: const Text("Animals"),
        buttonText: const Text("Favorite Animals"),
        items: _items,
        searchable: true,
        validator: (values) {
          if (values == null || values.isEmpty) {
            return "Required";
          }
          List<String> names = values.map((e) => e.name).toList(); // Update here
          if (names.contains("Frog")) {
            return "Frogs are weird!";
          }
          return null;
        },
        onConfirm: (List<Animal> values) {
          // Update here
          setState(() {
            _selectedAnimals3 = values;
          });
          _multiSelectKey.currentState?.validate();
        },
        chipDisplay: MultiSelectChipDisplay(
          onTap: (item) {
            setState(() {
              _selectedAnimals3.remove(item);
            });
            _multiSelectKey.currentState?.validate();
          },
        ),
      ),
    );
  }
}