首页 > 解决方案 > 颤振下拉按钮表单字段错误 - 有两个下拉菜单

问题描述

我是 Flutter 编程的新手,出现了一个问题,在这个论坛上阅读了很多之后,我还没有设法解决。

 我有两个类,一个省,一个市,每一个都是通过API查询得到的。

首先,我通过网络服务获得省份。我和futurebuilder一起安装了各省的下拉菜单。

一旦选择了省,并通过我们传递该省的另一个 Web 服务,我们就可以通过不同的 Web 服务获得城市。

并使用 FutureBuilder 创建包含所请求省份城市的下拉列表。

一切似乎都是正确的....但是一旦我有了城市列表,如果我们选择的省份不是所选的省份,我会收到以下错误:

==================================================== ============================================

应该只有一项具有 [DropdownButton] 的值:“Municipio”的实例。

检测到 0 个或 2 个或多个 [DropdownMenuItem] 具有相同的值 'package:flutter/src/material/dropdown.dart':

断言失败:第 803 行 pos 15:'items == null || 项目.isEmpty || 值 == 空 || items.where((DropdownMenuItem item) {

返回 item.value == 值;}).length == 1'

==================================================== ============================================

@override
void initState() {
_provincias = provinciasProvider.getProvincias();

super.initState();
}



Widget _dropDownProvincias() {
return FutureBuilder(
    future: _provincias,
    builder: (context, snapshot) {
      if (snapshot.hasError) return Text(snapshot.error);

      if (snapshot.hasData) {
        return DropdownButtonFormField(
          isExpanded: false,
          isDense: true,
          decoration: new InputDecoration(
            focusedBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.greenAccent, width: 5.0),
            ),
            enabledBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.teal, width: 1.0),
            ),
            labelText: 'Seleccione Provincia',
            labelStyle: TextStyle(color: Colors.black),
            //icon: Icon(Icons.language)
          ), //, color: Colors.white10
          items: snapshot.data
              .map<DropdownMenuItem<Provincia>>((Provincia provincia) {
            return DropdownMenuItem<Provincia>(
              value: provincia,
              child: Text(provincia.nombreProvincia,
                  style: TextStyle(color: Color.fromRGBO(58, 66, 46, .9))),
            );
          }).toList(),

          onChanged: (Provincia newValue) {
            setState(() {
              selectedProvincia = newValue;
              codigoProvinciaSeleccionada = newValue.codigoProvincia;
              nombreProvinciaSeleccionada = newValue.nombreProvincia;
              _municipios = municipiosProvider
                  .getMunicipios(codigoProvinciaSeleccionada);
            });

            print(codigoProvinciaSeleccionada);
            print(newValue.nombreProvincia);
          },
        );
      }
      return Container();
    });




Widget _dropDownPoblacion(String codigoProvinciaSeleccionada) {
return FutureBuilder(
    future: _municipios,
    builder: (context, snapshot) {
      if (snapshot.hasError) return Text(snapshot.error);

      if (snapshot.hasData) {
        return DropdownButtonFormField(
          isExpanded: true,
          isDense: true,
          decoration: new InputDecoration(
            focusedBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.greenAccent, width: 5.0),
            ),
            enabledBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.teal, width: 1.0),
            ),
            labelText: 'Seleccione Localidad',
            labelStyle: TextStyle(color: Colors.black),
            //icon: Icon(Icons.language)
          ), //, color: Colors.white10
          items: snapshot.data
              .map<DropdownMenuItem<Municipio>>((Municipio municipio) {
            return DropdownMenuItem<Municipio>(
              value: municipio,
              child: Text(municipio.nombreMunicipio,
                  style: TextStyle(color: Color.fromRGBO(58, 66, 46, .9))),
            );
          }).toList(),

          onChanged: (Municipio newValue) {
            setState(() => selectedMunicipio = newValue);
            codigomunicipioSeleccionado = newValue.codigoMunicipio;
            nombreMunicipioSeleccionado = newValue.nombreMunicipio;
            print(codigomunicipioSeleccionado);
            print(newValue.nombreMunicipio);
          },
        );
      }
      return Container();
    });

感谢我们的帮助……

标签: flutterdartdrop-down-menuruntime-errorfuture

解决方案


我的解决方案是将 DropdownButtonFormField 更改为 DropdownButton。

从那里一切正常。


推荐阅读