1

Transform.scale（规模：0.91，孩子：DropdownSearch（验证器：（v）=> v == null？“必填字段”：null，提示：“选择一个国家”，dropdownSearchDecoration：InputDecoration（

              //filled: true,
              //fillColor: Theme.of(context).inputDecorationTheme.fillColor,
            ),
            mode: Mode.MENU,
            showSelectedItem: false,
            items: [
              "India",
              "Maldeep",
              "Austria",
              "Phillipins",
              "Itly",
            ],
            
            label: "No of Auto Print",
            
            showClearButton: false,
            
            //onChanged: print,
            //popupItemDisabled: (String s) => s.startsWith('I'),
            selectedItem: "India",


            
            
          ),
        ),

在这里，我想更改下拉列表中项目的字体系列..也是 selectedItem ..请协助..还有如何更改下拉菜单中出现的箭头图标..该过程不能作为组件使用..

4

2 回答 2

1

如果您查看包的源代码，我相信您无法更改下拉菜单中文本的 textStyle。

对于箭头图标，DropdownSearch 有 dropDownButton。

DropdownSearch<String>(
  dropDownButton: Icon(Icons.ac_unit) // icon of your choice
)
于 2021-01-29T09:46:02.787 回答
0

对于 selectedItem 的样式，您可以使用下面代码片段中提到的自定义小部件。您可以在小部件的 TextStyle 属性中包含 FontFamily。

Widget _customDropDownAddress(
  BuildContext context, _addressFilteredName, String itemDesignation) {
return Container(
    child: Text(
  _addressFilteredName.toString(),
  style: TextStyle(
            fontSize: 10,
            color: Colors.green,
         )
)); }

并且可以将此自定义小部件用作 dropdownBuilder。

DropdownSearch<UserModel>(
            mode: Mode.BOTTOM_SHEET,
            maxHeight: 700,
            isFilteredOnline: true,
            showClearButton: true,
            showSearchBox: true,
            label: 'Address',
            dropdownSearchDecoration: InputDecoration(
              filled: true,
              fillColor: Theme.of(context).inputDecorationTheme.fillColor,
            ),
            onFind: (String filter) => getData(filter),
            onChanged: (data) {
              print(data);
            },
            dropdownBuilder: _customDropDownAddress,
            popupItemBuilder: _customPopupItemBuilderExample,
            popupSafeArea: PopupSafeArea(top: true, bottom: true),
            scrollbarProps: ScrollbarProps(
              isAlwaysShown: true,
              thickness: 7,
            ),
          ),

这将有助于将任何适用的样式添加到 selectedItem。

于 2021-07-06T16:21:49.683 回答