Flutter DropdownMenuItem中的长字符串导致重叠

时间:2019-02-02 19:54:32

标签: dart flutter flutter-layout

我的Flutter应用程序中有一个DropdownButton,其中包含一些相当长的字符串,并且在DropdownMenuItems中有一些文本重叠的问题。还有就是图像的链接,并在那里你可以看到从一个选项的文本与下一个选项重叠。我试图将文本包装成一个扩展文本,但这并不能解决问题。

有没有办法在DropdownMenuItems之间建立一些相等的分隔?我试图玩弄softwrap和溢流但这些简单地切割字符串短这并不理想,因为用户需要能够充分读取来自DropDown

的每个项目

理想情况下,每个项目之间的间隙相等且没有重叠是我要寻找的结果。当然,有一个解决方案,可以在下拉菜单中使用长字符串

enter image description here

DropdownMenuItem(
    value: value,
    child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[Expanded(child: Text(value))],
    ))

2 个答案:

答案 0 :(得分:1)

Expanded( // wrap the DropdownButton with Expanded widget
  child: DropdownButton(
    isExpanded: true, // also set the isExpanded property to true

答案 1 :(得分:0)

DropdownButton(
isExpanded: true, //just add this property as true