Flutter 自定义下拉菜单项

问题描述

我正在用一个对象列表填充一个 DropDownButton。

列出好友

[
   {
      "id":1,"name":"Name 1","contact":"contact 1"
   },{
      "id":2,"name":"Name 2","contact":"contact 2"
   },{
      "id":3,"name":"Name 3","contact":"contact 3"
   }
]

下拉按钮小部件

DropdownButton<String>(
        isExpanded: true,hint: Text("Select Friend"),value: listFriends[0].name,onChanged: (String? newValue) {},items: listFriends.map<DropdownMenuItem<String>>((Friend value) {
          return DropdownMenuItem<String>(
            value: value.name,child: CustomCard(
              child: Padding(
                padding: EdgeInsets.all(10),child: Column(
                  crossAxisAlignment: CrossAxisAlignment.stretch,children: [
                    Center(child: Text(value.id,),Center(child: Text(value.name),Center(child: Text(value.contact),],);
        }).toList(),

当下拉菜单展开时,它会显示一个带有好友信息的卡片列表。问题是作为认值

值:listFriends[0].name,

我指定了名称(并且我只想在下拉列表未展开时显示名称),但这显示了我为 DropdownMenuItem 实现的卡片。如何仅显示所选下拉值的好友姓名,以及在展开时应显示卡片列表。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)