Flutter 导致RenderFlex溢出的DropdownButtonFormField
当我试图在窗体上并排放置两个下拉按钮时,我遇到了这个错误。请帮忙 导致错误的相关小部件已被删除 下拉按钮窗体字段 lib\signup\signupBasicDetails.dart:947 溢出的RenderFlex具有轴的方向。水平的。 溢出的RenderFlex边缘已在渲染中标记为黄色和黑色条纹图案。这通常是由于RenderFlex的内容太大造成的 考虑应用弹性因子(例如,使用扩展的小部件)来强制RenderFlex的子对象适应可用空间,而不是按照其自然大小进行调整。 这被认为是一种错误情况,因为它表明存在无法查看的内容。如果内容合法地大于可用空间,考虑将其剪辑到clipCt小部件之前,将其放入Flex中,或者使用可滚动容器而不是Flex,如ListVIEW。Flutter 导致RenderFlex溢出的DropdownButtonFormField,flutter,dart,Flutter,Dart,当我试图在窗体上并排放置两个下拉按钮时,我遇到了这个错误。请帮忙 导致错误的相关小部件已被删除 下拉按钮窗体字段 lib\signup\signupBasicDetails.dart:947 溢出的RenderFlex具有轴的方向。水平的。 溢出的RenderFlex边缘已在渲染中标记为黄色和黑色条纹图案。这通常是由于RenderFlex的内容太大造成的 考虑应用弹性因子(例如,使用扩展的小部件)来强制RenderFlex的子对象适应可用空间,而不是按照其自然大小进行调整。 这被认为是一种错误情
Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
height: 90,
width: 100,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.only(bottom: 1),
child: Align(
alignment: Alignment.centerLeft,
child: Text(
"Province",
style: TextStyle(
fontFamily: "Montserrat Regular", fontSize: 14),
),
),
),
Container(
child: Theme(
data: Theme.of(context).copyWith(
canvasColor: Colors.white,
),
child: DropdownButtonFormField(
onChanged: (String newValue) {
setState(() {
provinceDropdown = newValue;
provinceController.text = provinceDropdown;
cityListSetUp();
});
},
validator: (value) {
if (value == "Select Province") {
return 'Please select province!';
}
return null;
},
isDense: false,
value: provinceDropdown,
decoration: new InputDecoration(
contentPadding:
EdgeInsets.only(top: 10, left: 15),
border: new OutlineInputBorder(
borderSide: BorderSide(color: Colors.red),
borderRadius: const BorderRadius.all(
const Radius.circular(4),
),
),
focusedBorder: OutlineInputBorder(
borderSide: const BorderSide(
width: 1, color: Color(0xff2E2E2E))),
enabledBorder: OutlineInputBorder(
borderSide: const BorderSide(
width: 1, color: Color(0xffDEDEDE))),
fillColor: Colors.white70),
selectedItemBuilder: (BuildContext context) {
return province.map((String value) {
return Align(
alignment: Alignment.centerLeft,
child: Text(provinceDropdown,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontFamily: "Montserrat Regular",
fontSize: 12,
color: Colors.black)),
);
}).toList();
},
items: province
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value,
style: TextStyle(
fontFamily: "Montserrat Regular",
fontSize: 12,
color: sankaraGreyColor)),
);
}).toList(),
),
),
),
],
),
),
SizedBox(
width: 10,
),
Container(
height: 90,
width: 100,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.only(bottom: 1),
child: Align(
alignment: Alignment.centerLeft,
child: Text(
"City",
style: TextStyle(
fontFamily: "Montserrat Regular", fontSize: 14),
),
),
),
Container(
child: Theme(
data: Theme.of(context).copyWith(
canvasColor: Colors.white,
),
child: DropdownButtonFormField(
onChanged: (String newValue) {
setState(() {
//cityListSetUp();
cityDropdown = newValue;
cityController.text = cityDropdown;
});
},
validator: (value) {
if (value == "Select City") {
return 'Please select city!';
}
return null;
},
isDense: false,
value: cityDropdown,
decoration: new InputDecoration(
contentPadding:
EdgeInsets.only(top: 10, left: 15),
border: new OutlineInputBorder(
borderSide: BorderSide(color: Colors.red),
borderRadius: const BorderRadius.all(
const Radius.circular(4),
),
),
focusedBorder: OutlineInputBorder(
borderSide: const BorderSide(
width: 1, color: Color(0xff2E2E2E))),
enabledBorder: OutlineInputBorder(
borderSide: const BorderSide(
width: 1, color: Color(0xffDEDEDE))),
fillColor: Colors.white70),
selectedItemBuilder: (BuildContext context) {
return city.map((String value) {
return Align(
alignment: Alignment.centerLeft,
child: Text(cityDropdown,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontFamily: "Montserrat Regular",
fontSize: 12,
color: Colors.black)),
);
}).toList();
},
items: city
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value,
style: TextStyle(
fontFamily: "Montserrat Regular",
fontSize: 12,
color: sankaraGreyColor)),
);
}).toList(),
),
),
),
],
),
)
],
行(
crossAxisAlignment:crossAxisAlignment.start,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
容器(
身高:90,
宽度:100,
子:列(
crossAxisAlignment:crossAxisAlignment.center,
儿童:[
填充物(
填充:仅限常量边集(底部:1),
子对象:对齐(
对齐:alignment.centerLeft,
子:文本(
“省”,
样式:TextStyle(
fontFamily:“蒙特塞拉特普通”,fontSize:14),
),
),
),
容器(
儿童:主题(
数据:Theme.of(context).copyWith(
画布颜色:颜色。白色,
),
子项:DropdownButtonFormField(
onChanged:(字符串newValue){
设置状态(){
provinceDropdown=新值;
provinceController.text=provinceDropdown;
cityListSetUp();
});
},
验证器:(值){
如果(值=“选择省”){
返回“请选择省!”;
}
返回null;
},
isDense:错,
值:provinceDropdown,
装饰:新的输入装饰(
内容填充:
仅限边缘设置(顶部:10,左侧:15),
边框:新大纲输入边框(
borderSide:borderSide(颜色:Colors.red),
borderRadius:const borderRadius.all(
圆形常数半径(4),
),
),
聚焦顺序:大纲输入边框(
borderSide:const borderSide(
宽度:1,颜色:颜色(0xFF2E)),
enabledBorder:OutlineInputBorder(
borderSide:const borderSide(
宽度:1,颜色:颜色(0xffDEDEDE)),
填充颜色:颜色。白色70),
selectedItemBuilder:(BuildContext){
返回省地图((字符串值){
返回对齐(
对齐:alignment.centerLeft,
子项:文本(省下拉列表,
溢出:TextOverflow.省略号,
样式:TextStyle(
fontFamily:“蒙特塞拉特普通”,
尺寸:12,
颜色:颜色。黑色),
);
}).toList();
},
项目:省
.map((字符串值){
返回下拉菜单项(
价值:价值,
子项:文本(值,
样式:TextStyle(
fontFamily:“蒙特塞拉特普通”,
尺寸:12,
颜色:sankaraGreyColor),
);
}).toList(),
),
),
),
],
),
),
大小盒子(
宽度:10,
),
容器(
身高:90,
宽度:100,
子:列(
crossAxisAlignment:crossAxisAlignment.center,
儿童:[
填充物(
填充:仅限常量边集(底部:1),
子对象:对齐(
对齐:alignment.centerLeft,
子:文本(
“城市”,
样式:TextStyle(
fontFamily:“蒙特塞拉特普通”,fontSize:14),
),
),
),
容器(
儿童:主题(
数据:Theme.of(context).copyWith(
画布颜色:颜色。白色,
),
子项:DropdownButtonFormField(
昂尚