flutter - 颤振下拉按钮表单字段错误 - 有两个下拉菜单
问题描述
我是 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();
});
感谢我们的帮助……
解决方案
我的解决方案是将 DropdownButtonFormField 更改为 DropdownButton。
从那里一切正常。
推荐阅读
- php - 防止 DOMDocument 转义 html
- python - Mongodb DeprecationWarning:不推荐使用计数。请改用 Collection.count_documents
- node.js - Socket.io:无法读取未定义的属性“发射”
- azerothcore - 尝试为 azerothcore 安装 soloLFG 模块时出错
- laravel - 如何在 laravel 中仅获取名称值请建议
- python - Pandas 按重复日期分组
- javascript - 如何在静态主机上部署静态 JS 应用并上传图片?
- c - 在 Debian 上编译 GTK 3 应用程序
- java - SQL 错误:1364,SQLState:HY000 - 字段“rating_id”没有默认值/保存具有一对一关系的子实体时
- python - 使用替代模块满足点子要求