首页 > 解决方案 > 如何使 DropdownButtonFormField 支持多行文本?

问题描述

A 有一个DropdownButtonFormField显示长文本作为项目之一。能够在下拉列表中以多行显示的长文本。

落下

然而,在它被选中后,只显示 1 行文本。第二行被隐藏。 选择

String _selectedState = '';
List<String> _stateList = ['a very very long long long long long text'];

                DropdownButtonFormField<String>(
                  isExpanded: true,
                  value: _selectedState,
                  onChanged: (state) {
                   
                  },                     
                  items: _stateList
                      .map<DropdownMenuItem<String>>((String value) {
                    return DropdownMenuItem<String>(
                      value: value,
                      child: Text(value),
                    );
                  }).toList(),
                ),

如何解决这个问题?

标签: flutterdart

解决方案


添加overflow: TextOverflow.visible到您的代码如下:

 items: _stateList
        .map<DropdownMenuItem<String>>((String value) {
            return DropdownMenuItem<String>(
                value: value,
                child: Text(value,
                       overflow: TextOverflow.visible
                       ),
            );
  }).toList(),

推荐阅读