根据DropdownButton源码可得,下拉框的背景色可以通过_DropdownMenu中绘制_DropdownMenuPainter时处理,默认的背景色为Theme.of(context).canvasColor;当然我们也可以手动设置主题中的canvasColor来更新下拉框背景色; 小菜添加backgroundColor属性,并通过ACEDropdownButton -> _DropdownRoute -> _DropdownMenu中转设置下拉框...
小菜之前尝试过Flutter自带的DropdownButton下拉框,简单方便;但仅单纯的原生效果不足以满足各类个性化设计;于是小菜以DropdownButton为基础,调整部分源码,扩展为ACEDropdownButton自定义下拉框组件; 添加backgroundColor设置下拉框背景色; 添加menuRadius设置下拉框边框效果; 添加isChecked设置下拉框中默认选中状态及iconChecked...
根据DropdownButton源码可得,下拉框的背景色可以通过_DropdownMenu中绘制_DropdownMenuPainter时处理,默认的背景色为Theme.of(context).canvasColor;当然我们也可以手动设置主题中的canvasColor来更新下拉框背景色; 和尚添加backgroundColor属性,并通过ACEDropdownButton -> _DropdownRoute -> _DropdownMenu中转设置下拉框...
根据DropdownButton源码可得,下拉框的背景色可以通过_DropdownMenu中绘制_DropdownMenuPainter时处理,默认的背景色为Theme.of(context).canvasColor;当然我们也可以手动设置主题中的canvasColor来更新下拉框背景色; 小菜添加backgroundColor属性,并通过ACEDropdownButton -> _DropdownRoute -> _DropdownMenu中转设置下拉框...
小菜之前尝试过Flutter自带的DropdownButton下拉框,简单方便;但仅单纯的原生效果不足以满足各类个性化设计;于是小菜以DropdownButton为基础,调整部分源码,扩展为ACEDropdownButton自定义下拉框组件; 添加backgroundColor设置下拉框背景色; 添加menuRadius设置下拉框边框效果; ...
小菜之前尝试过 **Flutter** 自带的 [**DropdownButton**]下拉框,简单方便;但仅单纯的原生效果不足以满足各类个性化设计;于是小菜以 **DropdownButton** 为基础,调整部分源码,扩展为 **ACEDropdownButton** 自定义下拉框组件; 添加backgroundColor 设置下拉框背景色; 添加menuRadius 设置下拉框边框效果; ...
Theme的canvasColor属性可以修改下拉栏背景色 List<String> _demoList = ['one', 'two']; // 外层Theme的canvasColor属性可以修改下拉栏背景色 Theme( data: Theme.of(context).copyWith( canvasColor: Color.fromRGBO(27, 29, 67, 1.00), ), // DropdownButtonHideUnderline 没有下划线的下拉栏 child: ...
//阴影的高度 title: Text('便民服务'), backgroundColor: MyColors.color_red, center...
如上所述,本人想到的办法就是自己封装一下`flutter`中的 `DropdownButton` ,让其支持清空。 思路如下: 使用Row组件划分出左右两个区域 左侧放置DropdownButton,右侧放置自定义的关闭图标 右侧图标使用InkWell组件监听触碰行为 代码如下: ordinary_dropdown_box.dart ...
child: DropdownButton( value: dropdownValue, icon: const Icon(Icons.keyboard_arrow_down_rounded), elevation: 16, style: const TextStyle(color: Colors.deepPurple), underline: Container( height: 2, color: Colors.deepPurpleAccent, ), onChanged: (String? value) { ...