返回

在Flatter中展开下拉菜单时,如何使箭头图标面朝上?

发布时间:2022-03-05 02:31:38 248

在此处输入图像描述

使用onTap方法,当我在下拉菜单打开的情况下点击一个非菜单项时,我无法切换。

class _MyStatefulWidgetState extends State {
  String dropdownValue = 'One';
  bool _arrowState = true;

  @override
  Widget build(BuildContext context) {
    return DropdownButton2(
      value: dropdownValue,
      buttonWidth: 100,
      onTap: (){
        setState(() {
          _arrowState = !_arrowState;
        });
      },
      icon: _arrowState ? const Icon(Icons.arrow_drop_down) : const Icon(Icons.arrow_drop_up),
      onChanged: (String? newValue) {
        setState(() {
          _arrowState = !_arrowState;
          dropdownValue = newValue!;
        });
      },
      items: ['One', 'Two', 'Free', 'Four']
          .map>((String value) {
        return DropdownMenuItem(
          value: value,
          child: Text(value),
        );
      }).toList(),
    );
  }
}

使用插件下拉按钮2:^1.1.1

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像
相关帖子