我想向 TextField 添加下拉選單，但我很困惑。在這里，我附上我的代碼和我想要制作的設計。
SizedBox(
width: 400,
height: 64,
child: TextField(
decoration: InputDecoration(
hintText: 'Category Area',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
),
),
),
),
給我最好的建議
uj5u.com熱心網友回復：
你需要DropdownButton像這樣使用：
Container(
decoration: ShapeDecoration(
shape: RoundedRectangleBorder(
side: BorderSide(width: 1.0, style: BorderStyle.solid),
borderRadius: BorderRadius.all(Radius.circular(5.0)),
),
),
child: DropdownButton<String>(
items: <String>[
'Category 1',
'Category 2',
'Category 3',
'Category 4'
].map((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
hint: Text(selectedCategory.isEmpty
? 'Category Area'
: selectedCategory),
borderRadius: BorderRadius.circular(10),
underline: SizedBox(),
isExpanded: true,
onChanged: (value) {
if (value != null) {
setState(() {
selectedCategory = value;
});
}
},
),
),
并定義selectedCategoryout of build 方法：
String selectedCategory = '';
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/537202.html
標籤：扑颤振布局