Element 系列组件之 EDropdown 组件
老孟Flutter
共 1134字,需浏览 3分钟
· 2022-02-23
介绍
「EDropdown」 组件是 「Flutter Element」 组件系列中的下拉选择组件。
用法
效果:
创建item数据,下面的例子均使用此item,
var items = List.generate(
100,
(index) => EDropdownMenuItem(
child: Text('上海:$index'),
value: '$index',
)).toList();
基础用法
EDropdown<String>(
items: items,
)
「hint」:未选中选项时显示此提示。
EDropdown<String>(
hint: Text('请选择'),
items: items,
)
「value」:默认选中的选项,和 item 中的 value 对应。
EDropdown(
value: '1',
items: items,
)
「isExpanded」:是否铺满父组件,默认 true。
EDropdown<String>(
value: '1',
isExpanded: false,
items: items,
),
上面的是 「isExpanded: true」 的效果,下面是 「isExpanded: false」 的效果
「onChanged」 :是选项发生变化时回调。
EDropdown<String>(
onChanged: (value) {
print('$value');
},
items: items,
),
「dropdownStyle」:样式
「dropdownBorderColor」:边框颜色。 「dropdownFocusBorderColor」:获取焦点时边框颜色。 「fontColor」:字体颜色。 「selectFontColor」:选中字体颜色。
EDropdown<String>(
items: items,
dropdownStyle: EDropdownStyle(
dropdownBorderColor: Colors.green,
dropdownFocusBorderColor: Colors.red,
fontColor: Colors.yellow,
selectFontColor: Colors.blue,
),
)
其他属性同原生「DropdownButton」 一样。
评论
Wing4j familyWing4j ORM 系列组件
使用Java的小伙伴们,被JDBC的SQL语句组装折磨了很久,出现了ORM,例如Hibernate和MyBatis为代表的两大流派。Hibernate这个流派还是不错的,但是设计这个的小伙子可能没有做
Wing4j familyWing4j ORM 系列组件
0
Element基于 Vue 2.0 的组件库
Element,一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库,提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。特性:一致性Consistency与现实生活一致:与现
Element基于 Vue 2.0 的组件库
0
react-native-webview2Web 组件
本项目是WebView 或 Web 组件,支持Android、iOS,支持autoheight高度自适应及在html页面和RN组件之间calljs相互调用js方法,veryuseful&eas
react-native-webview2Web 组件
0