#flutter #flutter-layout #flutter-dependencies #flutter-web
#flutter #flutter-макет #flutter-зависимости #flutter-web
Вопрос:
я хочу сделать выпадающий список таким образом, я уже добавляю sizedbox (ширина: 20), но ничего не происходит В этом моем выпадающем списке сейчас, так как я впервые использую flutter, это мой код
Контейнер(
margin: EdgeInsets.symmetric(horizontal: 20),
height: 60,
width: double.infinity,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(25),
border: Border.all(color: Colors.black38),
),
child: Stack(
children: <Widget>[
Icon(
Icons.pin_drop,
color: Colors.orange,
size: 36,
),
SizedBox(width: 20,),
Expanded(
child: DropdownButton(
isExpanded: true,
underline: SizedBox(),
icon: Icon(
Icons.arrow_drop_down,
),
value: "Jl. P. Diponegoro",
items: ['Jl. P. Diponegoro', 'Jl. Juanda', 'Jl. Perjuangan']
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
onChanged: (value) {},
),
),
],
),
),
Комментарии:
1. Какой вам нужен конечный результат?
2. Вывод и текст имеют пропозиционное положение в среднем поле, а текст и выводы не накапливаются таким образом
3. Вы пробовали с
Row?4. Это работает, спасибо: D
Ответ №1:
Я думаю, это то, что вы хотите —
Container(
margin: EdgeInsets.symmetric(horizontal: 20),
padding: EdgeInsets.only(left: 10.0,right: 10.0),
height: 60,
width: double.infinity,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(25),
border: Border.all(color: Colors.black38),
),
child: Row(
children: [
Icon(
Icons.pin_drop,
color: Colors.orange,
size: 36,
),
SizedBox(width: 20,),
Expanded(
child: DropdownButton(
isExpanded: true,
underline: SizedBox(),
icon: Icon(
Icons.arrow_drop_down,
),
value: "Jl. P. Diponegoro",
items: ['Jl. P. Diponegoro', 'Jl. Juanda', 'Jl. Perjuangan']
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
onChanged: (value) {},
),
),
],
),
),
Это будет выглядеть примерно так —
