如何在TextField的onTap()上显示DropdownButton的菜单

Question

我正在做应用程序作为练习，所以我有一些 TextField 小部件，其中一个是在 TextField 上按下时显示我的下拉列表。我知道我应该使用一些 onTap() 或 GestureDetector，但我不知道我应该如何在单击时显示任何小部件。

Container buildDropdownContainer() {
  return Container(
    margin: const EdgeInsets.all(10),
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(8),
      color: const Color.fromARGB(255, 70, 70, 70),
    ),
    child: TextField(
      readOnly: true,
      decoration: InputDecoration(
        prefixIcon: Icon(
          Icons.priority_high_outlined,
          color: Colors.orange,
        ),
        border: InputBorder.none,
        hintText: "Priority",
      ),
      onTap: () {},
    ),
  );
}

 return DropdownButton(
      padding: EdgeInsets.symmetric(horizontal: 50),
      hint: Text("Priority"),
      value: dropdownValue,
      onChanged: (value) {
        setState(() {
          dropdownValue = value!;
        });
      },
      items: dropdownList.map((e) {
        return DropdownMenuItem(
          value: e,
          child: Text(e),
        );
      }).toList(),
    );

所以问题是：如何通过按我的文本字段来显示我的下拉列表？

Answer 1

您可以使用 flutter_typeahead 在文本字段上点击下拉菜单