- 综合排序
- 最热优先
- 最新优先
- 来自专栏Flutter笔记
Flutter 源码系列：DropdownButton 源码浅析
DropdownButton 构造函数及简单使用 其实关于 DropdownButton 的构造函数和简单使用我在上一篇文章中已经有过讲解， 如有不懂怎么用的，可以看这篇文章：Flutter DropdownButton 下面重点说一下 DropdownButton 是如何实现的。 DropdownButton 的实现 我们需要带着如下几个问题去看源码： 1.DropdownButton 是用什么来实现的？ 2.在点击 DropdownButton 的时候发生了什么？3.为什么每次弹出的位置都是我上次选择item的位置？ 带着如上问题，我们开始。 DropdownButton 是用什么实现的？ 那看到这我们也就明白了，其实 DropdownButton 就是一个 IndexedStack。 那这样来说，主要的逻辑应该在点击事件里。 在点击 DropdownButton 的时候发生了什么？ 总结 把源码看完，我们可以来进行总结一下： 1.未展开的 DropdownButton 是一个 IndexStack2.展开的 DropdownButton 是通过 PopupRoute 浮在当前页上面的
1.9K30发布于 2019-07-24 - 来自专栏Flutter笔记
Flutter DropdownButton简单使用及魔改源码
而 DropdownButton 则是用来实现稍微简单一点的 点击选择 业务场景。 Widget build(BuildContext context) { return Scaffold( body: Center( child: DropdownButton 构造函数 构造函数代码如下： DropdownButton({ Key key, @required this.items, this.value, this.hint, this.disabledHint 刚才我们看到的图中是有下划线的，如果想去除下划线的话，简单可以这么操作：underline: Container(), 也可以使用 DropdownButtonHideUnderline 包裹住 DropdownButton 后续会推出一系列的源码分析文章，下一篇就是分析 DropdownButton ，敬请关注。
4.9K70发布于 2019-07-25 - 来自专栏阿策小和尚
【Flutter 专题】74 图解基本 DropdownButton 下拉选项框按钮
和尚对于 Flutter 并不系统，总是遇到问题才会准备尝试，今天和尚准备学习一下下拉选择框；Android 提供了便利的 Spinner 而 Flutter 对应的是 DropdownButton 源码分析 DropdownButton({ Key key, @required this.items, // 下拉选项列表 this.selectedItemBuilder ，onChanged 为选中回调；两者其中一个为 null 时为按钮禁用状态，不可点击，默认下拉 icon 为灰色；items 不为空时，需为相同类型的 DropdownMenuItem 类型列表； DropdownButton 对于 DropdownButton 选中回调，其中 items 中 value 是必须参数，且不相同；回调返回的内容是 DropdownMenuItem 中 child 内容； DropdownButton ---- DropdownButton 案例源码 ---- 和尚对 DropdownButton 的尝试仅限于基本属性的应用，对于使用 PopupRoute 浮层展示 DropdownMenuItem
8.4K31发布于 2020-02-20 - 来自专栏林德熙的博客
win10 uwp 如何给 DropDownButton 一个很小的宽度
在 UWP 的 Microsoft.UI.Xaml 提供了一个带下箭头的按钮，这就是 DropDownButton 这个按钮继承 Button 按钮，基本表现相同，但是如果给这个按钮一个很小的宽度，将会看不到下箭头图片 原因是如果最小宽度那么下箭头将没有足够空间显示，虽然左边依然有空白地方，但是空白地方有最小宽度要求 解决方法是通过 Padding 属性，让整个按钮的内容移动，让空白地方移动到按钮外，让下箭头移动到可以显示的地方 <DropDownButton Margin="10,10,10,10" Width="17" Height="30" Padding="-15,0,0,0"></DropDownButton> 上面代码核心就是 Padding=" -15,0,0,0" 通过 Padding 可以设置按钮的左上右下各个内容边距的值 现在看起来的效果如下图 更多关于 DropDownButton 请看 DropDownButton Class - Windows UWP applications 这是在堆栈网小伙伴问的问题，请看 c# - Change the width of DropDownButton in UWP - Stack Overflow
73510编辑于 2022-08-12 - 来自专栏阿策小和尚
【Flutter 专题】104 图解自定义 ACEDropdownButton 下拉框
和尚之前尝试过 Flutter 自带的 DropdownButton 下拉框，简单方便；但仅单纯的原生效果不足以满足各类个性化设计；于是和尚以 DropdownButton 为基础，调整部分源码 backgroundColor 设置下拉框背景色； 添加 menuRadius 设置下拉框边框效果； 添加 isChecked 设置下拉框中默认选中状态及 iconChecked 选中图标； 下拉框在展示时不会遮挡 DropdownButton 按钮，默认在按钮顶部或底部展示； 下拉框展示效果调整为默认由上而下； 对于 DropdownButton 整体的功能是非常完整的，包括路由管理，已经动画效果等；和尚仅站在巨人的肩膀上进行一点小扩展 DropdownButton 源码 DropdownButton 源码整合在一个文件中，文件中有很多私有类，不会影响其它组件； 以和尚的理解，整个下拉框包括三个核心组件，分别是 DropdownButton DropdownButton 是开发人员最直接面对的 StatefulWidget 有状态的组件，包含众多属性，基本框架是一个方便于视力障碍人员的 Semantics 组件，而其核心组件是一个层级遮罩
2.4K20发布于 2020-12-14 - 来自专栏Flutter
你知道吗，Flutter内置了10多种Button控件
DropdownButton DropdownButton为下拉选择按钮，基本用法如下： var _dropValue = '语文'; _buildButton() { return DropdownButton 如果你对选中的选项的样式不满意，可以自定义，用法如下： DropdownButton( selectedItemBuilder: (context){ return [ Text 当用户未选中时，即value 为null，显示''请选中"，用法如下： DropdownButton( hint: Text('请选择'), value: null, ... ) 效果如下 默认情况下，下拉选项的图标是倒立的三角，也可以进行自定义，用法如下： DropdownButton( icon: Icon(Icons.add), iconSize: 24, iconDisabledColor
4K30发布于 2020-09-11 - 来自专栏Flutter
你知道吗，Flutter内置了10多种Button控件
, highlightedBorderColor: Colors.red, child: Text('Button'), onPressed: () {}, ) 效果如下： [1240] DropdownButton DropdownButton为下拉选择按钮，基本用法如下： var _dropValue = '语文'; _buildButton() { return DropdownButton( 效果如下： [strip] 如果你对选中的选项的样式不满意，可以自定义，用法如下： DropdownButton( selectedItemBuilder: (context){ return }, ... ) selectedItemBuilder返回的组件要和items中一一对应，选中样式如下： [1240] 当用户未选中时，即value 为null，显示''请选中"，用法如下： DropdownButton ( hint: Text('请选择'), value: null, ... ) 效果如下： [1240] 默认情况下，下拉选项的图标是倒立的三角，也可以进行自定义，用法如下： DropdownButton
3.2K00发布于 2020-03-15 - 来自专栏flutter开发精选
flutter weekly第9期
教程地址：http://jorgen.tjer.no/post/2022/02/26/flutter-github-workflows-and-testflight 视频 DropdownButton 分享了DropdownButton的使用以及适用场景。地址：https://www.youtube.com/watch?
65210编辑于 2022-09-20 - 来自专栏个人路线
如何在 Flutter 中创建自定义图标【Flutter专题22】
override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter DropdownButton Tutorial', home: Scaffold( appBar: AppBar( title: Text('Flutter DropdownButton
5K20编辑于 2022-03-30 - 来自专栏Flutter笔记
Flutter | 超实用简单菜单弹出框 PopupMenuButton
总结 这样就完成了一个超级简单并且实用的菜单弹出框， 其实它的实现逻辑和 DropdownButton 差不多，都是使用了 PopupRoute， 有对这方面感兴趣的同学，可以查看我以前写的文章：Flutter 源码系列：DropdownButton 源码浅析 完整代码已经传至GitHub：https://github.com/wanglu1209/WFlutterDemo
6.8K30发布于 2019-08-09 - 来自专栏Flutter
Element 系列组件之 EDropdown 组件
dropdownFocusBorderColor: Colors.red, fontColor: Colors.yellow, selectFontColor: Colors.blue, ), ) 其他属性同原生「DropdownButton
80020编辑于 2022-04-07 - 来自专栏一直在跳坑然后爬坑
Flutter “跳转页面”（二）前言正文
There are also widgets which create popup routes, like PopupMenuButton and DropdownButton. 比如：PopupMenuButton and DropdownButton。这些控件也通过Navigator的push和pop来控制显示消失。
1.7K20发布于 2018-08-31 - 来自专栏用户10004205的专栏
十、编辑器开发之Button
OnInspectorGUI() { GUILayout.Button("按钮1", "ToolbarButton"); GUILayout.Button("按钮2", "DropDownButton
57330编辑于 2022-08-29 - 来自专栏用户10004205的专栏
Unity 编辑器开发实战【Custom Editor】- 为UI视图制作动画编辑器
"Custom Position" : "Direction", "DropDownButton")) { "Fixed Scale" : "Current Scale", "DropDownButton")) { "Fixed Alpha" : "Current Alpha", "DropDownButton")) { "Custom Position" : "Direction", "DropDownButton")) { "Fixed Scale" : "Current Scale", "DropDownButton")) {
2K21编辑于 2022-08-29 - 来自专栏前端达人
2024年最值得尝试的5个CSS框架
ButtonGroup from 'react-bootstrap/ButtonGroup'; import Dropdown from 'react-bootstrap/Dropdown'; import DropdownButton from 'react-bootstrap/DropdownButton'; import '. (
{['Primary', 'success', 'danger'].map((variant) => ( <DropdownButton <Dropdown.Divider /> <Dropdown.Item eventKey="4">Separated link</Dropdown.Item> </DropdownButton4.5K10编辑于 2024-02-21来自专栏个人随笔构建布局良好的Windows程序
imageScaling 是否调整图像大小 TextimageRelation 图像与文本的相对位置 ToolStrip工具栏类型 Button:按钮 label:标签 SplitButton:分割按钮 DropDownButton
2.1K60发布于 2018-03-14来自专栏踏浪的文章Flutter lesson 6: Flutter组件之基础组件（二）
), ), ListTile( title: Text('textAlign'), trailing: DropdownButton ) ), ListTile( title: Text('textDirection'), trailing: DropdownButton ) ), ListTile( title: Text('overflow'), trailing: DropdownButton
2.5K20发布于 2019-07-31来自专栏小徐学爬虫解决Tkinter中OptionMenu溢出问题
} } "ComboBox*Entry" { if {$scheme(THEME_PART) == "COMBOBOX_DROPDOWNBUTTON
76410编辑于 2025-01-10来自专栏其他相关技术【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
这里注意在手机号前面还有国家地区选择，可以使用 DropdownButton 或 DropdownButtonFormField 来实现。 TextInputType.phone, ), ), ], ),扩展知识DropdownButton 区别与使用场景DropdownButton：适用于独立使用的下拉菜单，不需要表单验证。DropdownButtonFormField：适用于表单中的下拉菜单，需要表单验证和处理。
1.3K10编辑于 2025-01-16来自专栏Flutter笔记Flutter | 思路解析 WPopupMenu 仿微信聊天长按弹出菜单
这就涉及到我前面所讲的几篇文章： Flutter | 超实用简单菜单弹出框 PopupMenuButton Flutter 源码系列：DropdownButton 源码浅析 这几个控件的源码里都有一个类
5.7K31发布于 2019-08-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号