Flutter 为什么即使我在提示文本上使用AutoSizeText小部件，我的下拉列表仍会溢出？

我试图让我的下拉列表更具响应性，但我在这方面遇到了问题。我在文本上使用了AutoSizeText小部件，但它仍然溢出。在结尾有一个小的下拉箭头，可能是它造成的，但我不知道为什么会这样，或者如何解决。如果有人有这方面的经验或能提供任何建议，我将非常感谢！谢谢

现在看起来怎么样。它溢出来了，这很糟糕。我只是无法让它不溢出。我不认为是文字造成的

这是代码

 stateDropDown() {
    return Container(
        child: Center(
            child: Container(
              padding: EdgeInsets.symmetric(horizontal: 30),
              child: FormField<String>(
                builder: (FormFieldState<String> state) {
                  return Container(
                    decoration: BoxDecoration(
                        border: Border.all(color: Colors.white),
                        borderRadius: BorderRadius.circular(10.0),
                        color: Colors.white
                    ),
                    child: InputDecorator(
                      decoration: InputDecoration(
                          border: OutlineInputBorder(
                              borderRadius: BorderRadius.circular(10.0))),
                      child: DropdownButtonHideUnderline(
                        child: DropdownButton<String>(
                          hint: AutoSizeText("Please Select a State or Province", style: TextStyle(color: Colors.blue, fontFamily: 'Montserrat')),
                          value: currentSelectedState,
                          isDense: true,
                          onChanged: (newValue) {
                            setState(() {
                              currentSelectedState = newValue;
                            });
                          },
                          items: stateList.map((String value) {
                            return DropdownMenuItem<String>(
                              value: value,
                              child: Text(value),
                            );
                          }).toList(),
                        ),
                      ),
                    ),
                  );
                },
              ),
            )));
  }

stateDropDown（）{
返回容器(
儿童：中心(
子：容器(
填充：边缘组。对称（水平：30），
孩子：FormField(
生成器：（FormFieldState）{
返回容器(
装饰：盒子装饰(
边框：边框。全部（颜色：颜色。白色），
边界半径：边界半径。圆形（10.0），
颜色：颜色。白色
),
子：输入装饰器(
装饰：输入装饰(
边框：大纲输入边框(
边界半径：边界半径。圆形（10.0）），
子项：DropdownButtonHideUnderline(
孩子：下拉按钮(
提示：AutoSizeText（“请选择一个州或省”，样式：TextStyle（颜色：Colors.blue，fontFamily:“蒙特塞拉特”），
值：currentSelectedState，
是的，
一旦更改：（newValue）{
设置状态（）{
currentSelectedState=newValue；
});
},
项：stateList.map（（字符串值）{
返回下拉菜单项(
价值：价值，
子项：文本（值），
);
}).toList（），
),
),
),
);
},
),
)));
}

尝试将AutoSizeText小部件替换为普通的Text（）小部件，该小部件包装在FittedBox小部件中，并使用缩放方法

FittedBox(
    fit: BoxFit.scaleDown,
    child: Text(
        'Select State or Province', 
        style: TextStyle(color: Colors.blue, fontFamily: 'Montserrat',
    ),
),

---

在AutoSizeText小部件中尝试

maxLines:1

提示：AutoSizeText（“请选择一个州或省”，maxLines:1，style:TextStyle（颜色：Colors.blue，fontFamily:“蒙特塞拉特”），

终于在帖子中找到了解决方案。只需添加

isExpanded:true，

到下拉按钮

中，不幸的是仍然溢出