Flutter DropdownButtonFormField 不适用于长列表

Question

我有一个包含多个 DropdownButtonFormField 的表单并且除了一个之外，所有其他人都工作正常，这有点奇怪，因为抛出与我一段时间后发现的内容无关的错误，进行故障排除。

错误是: (错误发生在选择项和 setState 上)

items == null || value == null || items.where((DropdownMenuItem item) => item.value == value).length == 1': is not true.

奇怪的是，它 100% 确定所选值来自列表，因为怎么可能选择不在列表中的值!!

另外，我已经有了完全相同的 DropdownButtonFormField工作正常，但只是使用不同的数据!来自同一个 API 端点

所以我开始看到这里 DropdownButtonFormField 之间的区别而另一个!这是我数据的长度!

工作下拉列表在 2 到 6 个项目之间，一个不起作用并在选择时抛出上述错误的项目超过 50 个!

所以我编辑了我的后端并将数组减少到 6 个项目和 DropdownButtonFormField恢复正常工作!，但当然，这不是解决方案，我仍然需要下拉列表中的所有 +50 项!!

代码到DropdownButtonFormField小部件:

FutureBuilder(
  future: form,
  builder: (BuildContext context,
      AsyncSnapshot<Forms.Form> snapshot) {
    if (!snapshot.hasData) {
      return Padding(
        padding: null,
        child: Center(
          child: CircularProgressIndicator(),
        ),
      );
    } else {
      return DropdownButtonFormField(
        isExpanded: true,
        validator: (value) => value == null
            ? 'من فضلك اكمل الحقل المطلوب'
            : null,
        value: _selectedClass,
        hint: Text('الفرقة'),
        items:
            snapshot.data.classes.map((collageYear) {
          return DropdownMenuItem(
            value: collageYear.value,
            child: Text(collageYear.name),
          );
        }).toList(),
        onChanged: (val) {
          setState(() {
            _selectedClass = val;
          });
        },
      );
    }
  },
),

我的 flutter 医生 -v:

[✓] Flutter (Channel stable, v1.12.13+hotfix.8, on Mac OS X 10.14.5 18F132, locale en-EG)
    • Flutter version 1.12.13+hotfix.8 at /Users/esham/Development/flutter
    • Framework revision 0b8abb4724 (3 weeks ago), 2020-02-11 11:44:36 -0800
    • Engine revision e1e6ced81d
    • Dart version 2.7.0


[!] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
    • Android SDK at /Users/esham/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-29, build-tools 29.0.2
    • ANDROID_HOME = /Users/esham/Library/Android/sdk
    • ANDROID_SDK_ROOT = /Users/esham/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.3.1, Build version 11C504
    • CocoaPods version 1.8.4

[✓] Android Studio (version 3.5)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 39.0.3
    • Dart plugin version 191.8423
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

[✓] VS Code (version 1.42.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.8.1

[✓] Connected device (1 available)
    • Redmi Note 8 Pro • hev4t4bqo7hyvsnf • android-arm64 • Android 9 (API 28)

! Doctor found issues in 1 category.

Answer 1

dropdown.dart 中的断言(即触发错误消息)如下:

assert(items == null || items.isEmpty || value == null ||
          items.where((DropdownMenuItem<T> item) {
            return item.value == value;
          }).length == 1,
            'There should be exactly one item with [DropdownButton]\'s value: '
            '$value. \n'
            'Either zero or 2 or more [DropdownMenuItem]s were detected '
            'with the same value',
          ),

如您所见，它告诉您列表中不存在所选项目(我认为只有在您编辑了字段中的值时才会发生这种情况)，或者您的列表中有重复的项目。我建议在你的代码之后立即添加一个打印语句
items: snapshot.data.classes.map((collageYear) {
查看快照中返回的内容，然后将该输出与您认为拥有的内容进行比较。

附注。我有一个包含 250 个项目(尽管来自常量值列表)的下拉列表，它工作正常，所以它不是长度。应该是数据问题。