Flutter 使用图标显示颤振中的下拉列表

Flutter 使用图标显示颤振中的下拉列表,flutter,dart,drop-down-menu,icons,appbar,Flutter,Dart,Drop Down Menu,Icons,Appbar,我想在flatter中实现特定图标的下拉列表,并在AppBar中对其应用GestureDetector。它的代码是 AppBar( actions: <Widget>[ Padding( padding: const EdgeInsets.fromLTRB(4.0, 4.0, 0, 4.0), child: Image.network( "Some Image Url"), ), Gestur

我想在flatter中实现特定图标的下拉列表,并在AppBar中对其应用GestureDetector。它的代码是

AppBar(
   actions: <Widget>[
      Padding(
        padding: const EdgeInsets.fromLTRB(4.0, 4.0, 0, 4.0),
        child: Image.network(
            "Some Image Url"),
      ),
   GestureDetector(
        onTap: () {
//       I want to implement the Dropdown List here.
        },
        child: Padding(
          padding: const EdgeInsets.all(0.0),
          child: Icon(Icons.arrow_drop_down),
        ),
      ),
     ],
    )
AppBar(
行动:[
填充物(
填充:LTRB(4.0,4.0,0,4.0)中的常量边集,
孩子:Image.network(
“某些图像Url”),
),
手势检测器(
onTap:(){
//我想在这里实现下拉列表。
},
孩子:填充(
填充:常量边集全部(0.0),
子:图标(图标。箭头下拉),
),
),
],
)
我想这可能就是你想要的。

最简单的方法就是使用。 示例代码:

AppBar(
标题:文本('Awesome appbar'),
行动:[
图标按钮(
图标:图标(MDICONS.铅笔),
iconSize:21,
已按下:(){
打印(“我要编辑”);
},
),
弹出菜单按钮(
图标:图标(图标。过滤器列表),
onSelected:(字符串结果){
开关(结果){
“过滤器1”案例:
打印('单击过滤器1');
打破
“过滤器2”案例:
打印(“已单击过滤器2”);
打破
案例“clearFilters”:
打印(“清除过滤器”);
打破
违约:
}
},
itemBuilder:(构建上下文)=>[
常数PopupMenuItem(
值:'filter1',
子项:文本('Filter 1'),
),
常数PopupMenuItem(
值:'filter2',
子项:文本('Filter 2'),
),
常数PopupMenuItem(
值:“clearFilters”,
子项:文本(“清除过滤器”),
),
],
),
弹出菜单按钮(
onSelected:(字符串结果){
开关(结果){
案例“选项1”:
打印(“单击选项1”);
打破
案例“选项2”:
打印(“点击选项2”);
打破
案例“删除”:
打印(“我要删除”);
打破
违约:
}
},
itemBuilder:(构建上下文)=>[
常数PopupMenuItem(
值:'option1',
子项:文本(“选项1”),
),
常数PopupMenuItem(
值:'option2',
子项:文本(“选项2”),
),
常数PopupMenuItem(
值:“删除”,
子项:文本('Delete'),
),
],
)
],
);

不使用
下拉按钮的情况下,您所说的颤振下拉列表是什么意思?您正在寻找?单击此图标可从中选择的下拉列表。我尝试使用下拉按钮,但它占用了空间,UI看起来不太好,因此我只想使用此图标来实现。我认为如果不使用
dropDownButton
,您无法做到这一点。如果您自定义它,您可以做得更多。查看详细信息。即使是弹出菜单按钮也会占用空间,对吗?那么如何在图标上实现它呢?