在 Flutter 中选择下拉项时出错

Error when selecting a dropdown item in Flutter

我对 Flutter 下拉菜单有疑问。当我 select 其中一项时,它会抛出错误:

Another exception was thrown: 'package:flutter/src/material/dropdown.dart': Failed assertion: line 481 pos 15: 'value == null || items.where((DropdownMenuItem item) => item.value == value).length == 1': is not true.

我正在搜索,人们告诉我这个错误是因为 selected 元素不属于原始列表,但经过一些调试后我可以看到它确实如此。我找不到这个错误的根源,所以我将不胜感激。

这是我的代码

FeedCategory 模型

import 'package:meta/meta.dart';

class FeedCategory {
  static final dbId = "id";
  static final dbName = "name";

  int id;
  String name;

  FeedCategory({this.id, @required this.name});

  FeedCategory.fromMap(Map<String, dynamic> map)
      : this(
    id: map[dbId],
    name: map[dbName],
  );

  Map<String, dynamic> toMap() {
    return {
      dbId: id,
      dbName: name,
    };
  }

  @override
  String toString() {
    return 'FeedCategory{id: $id, name: $name}';
  }
}

小部件

import 'package:app2date/repository/repository.dart';
import 'package:app2date/model/FeedSource.dart';
import 'package:app2date/model/FeedCategory.dart';
import 'package:app2date/util/ui.dart';
import 'package:flutter/material.dart';

class ManageFeedSource extends StatefulWidget {
  ManageFeedSource({Key key, this.feedSource}) : super(key: key);

  final FeedSource feedSource;

  @override
  _ManageFeedSource createState() => new _ManageFeedSource();
}

class _ManageFeedSource extends State<ManageFeedSource> {
  FeedCategory _feedCategory;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('New Feed'),
      ),
      body: new FutureBuilder(
        future: Repository.get().getFeedCategories(),
        builder: (BuildContext context, AsyncSnapshot snapshot) {
          List<FeedCategory> categoriesList = snapshot.data;
          if (categoriesList != null) {
            return new DropdownButton<FeedCategory>(
              hint: Text('Choose category...'),
              value: _feedCategory,
              items: categoriesList.map((FeedCategory category) {
                return DropdownMenuItem<FeedCategory>(
                  value: category,
                  child: Text(category.name),
                );
              }).toList(),
              onChanged: (FeedCategory category) {
                print('Selected: $category');
                setState(() {
                  _feedCategory = category;
                });
              },
            );
          } else {
            return Container(
              decoration: new BoxDecoration(color: Colors.white),
            );
          }
        },
      ),
    );
  }

  @override
  void initState() {
    super.initState();
  }
}

存储库 getFeedCategories 方法

Future<List<FeedCategory>> getFeedCategories() async {
  return await database.getFeedCategories();
}

数据库 getFeedCategories 方法

Future<List<FeedCategory>> getFeedCategories() async {
  var dbClient = await db;
  var query = "SELECT * FROM $feedCategoryTableName;";
  var result = await dbClient.rawQuery(query);
  List<FeedCategory> feedCategories = [];
  for (Map<String, dynamic> item in result) {
    feedCategories.add(new FeedCategory.fromMap(item));
  }
  return feedCategories;
}

categoriesList 内容和 selected 类别(调试器)

我想我已经解决了你的问题。它源于您使用 FutureBuilder 的方式。

这就是我认为的情况:

  1. 您的应用程序正在运行。它会调用 getFeedCategories()
  2. 未来完成,列表构建等,有以下项目:

    obj 123 ==> FeedCategory(Prueba),obj 345 ==> FeedCategory(Categories 2)

  3. 你 select 从下拉列表中调用 setState() 的项目

    您的 _feedCategory 现在等于 obj 123 ==> FeedCategory(Prueba)

  4. 小部件已重建。它再次调用 getFeedCategories()

  5. Future 完成,列表已构建等,包含以下项目

    obj 567 ==> FeedCategory(Prueba),obj 789 ==> FeedCategory(Categories 2)

  6. 下拉列表测试 items.where((DropdownMenuItem item) => item.value == value).length == 1,但长度 == 0,因为未找到 obj 123 ==> FeedCategory(Prueba)

您的问题有几个解决方案。一种方法是向您的 FeedCategory class 添加一个 equals operator 来比较类别 and/or id。

另一种方法是将 futurebuilder 中使用的 Future 与发生变化的部分分开 - 你可以通过将 future 保留为成员变量(也许在 initState 中实例化它?),或者通过使内部部分构建器到它自己的 Stateful 小部件(在这种情况下,您可以将 ManageFeedSource 设为 StatelessWidget)。我推荐最后一个选项。

如果这不能解决您的问题,请告诉我,但我很确定这就是它正在做的事情的原因。

要完成 ,这里是您应该放入 Feed Category 对象中的代码:

bool operator ==(o) => o is FeedCategory && o.name == name;
int get hashCode => name.hashCode;

编辑: 一个 link 解释了 Flutter 中 hashCode 的用途

当我用一个实际不在下拉列表中的值初始化下拉列表时出现此错误,该值从错误消息中不清楚。