Здравствуйте, это мой виджет SearchableDropdown, и он обернут контейнером только для выделения граница для понимания того, сколько места было занято виджетом. Я хочу уменьшить отступ / пространство виджета SearchableDropdown вокруг текста и сделать интерфейс таким, как этот . Как это сделать?
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) {
//
},
);
}
попробуйте обернуть раскрывающийся список внутри
SizedBox()
следующим образом:результат:
В моем случае это не работает. когда я установил высоту SizedBox на 20, произошла ошибка переполнения RenderFlex. Затем изменил высоту на 50. Это просто увеличило высоту SizedBox, а виджет DropDown остался прежним. — person John; 16.04.2021