如何在颤动中删除可搜索的下拉默认填充？答案

【问题标题】：How to remove searchable dropdown default padding in flutter?如何在颤动中删除可搜索的下拉默认填充？
【发布时间】：2021-07-11 02:37:12
【问题描述】：

您好，这是我的颤振widgetSearchableDropdown，它使用容器包装，仅用于突出显示边框以了解小部件已占用了多少空间。我想减少文本周围 SearchableDropdown 小部件的填充/空间，并使 UI like this. 怎么做？

new Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    new Text(
                      'You are here',
                      style: GoogleFonts.poppins(
                          color: HexColor("#B8B8B8"), fontSize: 10),
                      textAlign: TextAlign.start,
                    ),
                    new Container(
                      decoration: new BoxDecoration(
                        border: Border.all(color: Colors.red),
                      ),
                      child: _searchableDropDown(context, providerData),
                    )
                  ],
                ),



 Widget _searchableDropDown(BuildContext context, HomePageProviderData data) {
  return new SearchableDropdown.single(
    hint: new Text(
      data.currentCity,
      style: GoogleFonts.poppins(
        textStyle: TextStyle(
            color: Color(0xFF373539),
            fontSize: 16,
            fontWeight: FontWeight.w600),
      ),
    ),
    underline: SizedBox(),
    displayClearIcon: false,
    items: data.listCity.map((item) {
    //
    }).toList(),
    onChanged: (String value) {
      //
    },
  );
}

【问题讨论】：

标签： flutter dart flutter-widget

【解决方案1】：

尝试使用将下拉列表包装在 SizedBox() 中，如下所示：

SizedBox(
  height: 20,
  child: _searchableDropDown(context, providerData),
);

结果：

【讨论】：

就我而言，它不起作用。当我将 SizedBox 的高度设置为 20 时，发生了 RenderFlex 溢出错误。然后将高度更改为50。只是增加了SizedBox的高度，DropDown Widget仍然保持不变。