Flutter DropdownButton 绘制阴影、锚点、自定义Layout

置顶

@Foritee

已于 2023-08-11 12:33:27 修改

阅读量3.8k

点赞数 1

分类专栏： DropdownButton flutter 文章标签： flutter DropdownButton

于 2022-05-20 21:39:44 首次发布

本文链接：https://blog.youkuaiyun.com/sxt_zls/article/details/124890669

版权

一个基于DropdownButton的增强Widget，支持锚点，绘制阴影。

平台	是否支持
Android	✔️
IOS	✔️
Web	✔️
Macos	✔️
Windows	✔️
Linux	✔️

Getting started 🍺:

Github
pub.dev

将package依赖添加到 pubspec.yaml：

dependencies:
  dropdown_button_plus: 0.0.2

代码里使用

import 'package:dropdown_button_plus/dropdown_plus.dart' as plus;

基础功能:

基础用法和 Flutter SDK 的 DropdownButton一样。

plus.DropdownView<String&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

@Foritee

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

【Flutter】Flutter 使用 dropdown_button2 实现自定义下拉菜单

Code Metaverse

09-05

1952

`dropdown_button2`是一个功能强大且易于使用的Flutter包。它不仅提供了原生`DropdownButton`没有的高级特性，还保持了与原生组件相似的API，使得迁移变得非常简单。

Flutter Widget之DropdownButton

AppBlog.CN全栈架构

05-02

260

【代码】Flutter Widget之DropdownButton。

参与评论您还未登录，请先登录后发表或查看评论

Android Wifi的一些属性

2401_84123188的博客

04-14

696

/ 定义WifiManager对象// 定义WifiInfo对象// 扫描出的网络连接列表// 网络连接列表// 定义一个WifiLock// 构造器// 取得WifiManager对象// 取得WifiInfo对象// 打开WIFIif (!// 关闭WIFI// 检查当前WIFI状态// 锁定WifiLock// 解锁WifiLock// 判断时候锁定// 创建一个WifiLock// 得到配置好的网络。

Flutter DropdownButton

Millet

11-19

8467

// DropdownButton class DropdownButtonDemoPage extends StatefulWidget { @override _DropdownButtonDemoPageState createState() => _DropdownButtonDemoPageState(); } class _DropdownButtonDemoPageState extends State<DropdownButtonDemoPage> ...

【Flutter&Dart】DropdownButton 下拉列表（24 /100）

lichong951的专栏

01-12

231

【代码】【Flutter&Dart】DropdownButton 下拉列表（24 /100）

flutter控件之DropdownButton

a875801的博客

03-06

7470

**flutter控件之DropdownButton ** import 'package:flutter/material.dart'; class LearnDropdownButton extends StatefulWidget{ @override State&lt;StatefulWidget&gt; createState() { return _LearnDropd...

Flutter 中的 DropdownButton 小部件：全面指南

smileKH的博客

05-17

2780

是 Flutter 的 Material 组件库中的一个控件，它实现了 Material Design 中的下拉选择器。用户可以通过点击来展开一个包含多个选项的菜单，并选择其中一个选项。;});},}).toList(),iconSize: 24.0, // 自定义箭头图标的大小elevation: 8, // 自定义阴影效果的大小。

Flutter基础-DropdownButton

AdrianAndroid的专栏

06-24

2481

Sample String dropdownValue = 'One'; // ... Widget build(BuildContext context) { return Scaffold( body: Center( child: DropdownButton<String>( value: dropdownValue, ...

Flutter学习第二课-基础组件 DropdownButton

chen1234219的博客

03-18

2470

/*DropdownButton({ Key key, @required this.items,菜单列表 this.selectedItemBuilder,//自定义下拉菜单样式 this.value,是否选中 this.hint, this.disabledHint, @required this.onChanged,回调 this.elevation = 8,下划线偏离距离 this.sty...

Flutter DropdownButton 详解

热门推荐

javaskyhr的专栏

08-07

1万+

dropdwonbutton 是flutter 自带的菜单组按钮，我在开发中需要做一个圆角边框按钮，点击显示菜单栏，期间出现了一些小问题，我们先上代码，把问题直接显示在代码上面 Container( margin: EdgeInsets.fromLTRB(16, 4, 8, 4), child: new Contain...

DropDownButton用法

06-06

DropDownButton用法（内附源码、演示、文档），DropDownButton用法（内附源码、演示、文档）

Flutter应用下拉菜单设计DropdownButtonFormField控件介绍

江上清风山间明月的博客

04-26

1977

Flutter 中的 DropdownButtonFormField 是一个用于在表单中选择下拉菜单的控件。它是 DropdownButton 和 TextFormField 的组合，允许用户从一组选项中选择一个值，并将所选值作为表单字段的值。

Flutter DropdownButton简单使用及魔改源码

Flutter笔记

06-27

4943

我们一般在写业务的时候多会用到下拉菜单，前面讲过ExpansionPanel，ExpansionPanel大部分情况用来实现展开列表等稍微复杂的业务逻辑。而Drop...

Dropdownbutton

weixin_30539625的博客

06-04

834

import 'package:flutter/material.dart';import 'dart:ui';void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( ...

DropDownButton

weixin_66477591的博客

05-10

158

DropDownButton

Flutter 中的 DropdownButtonFormField 小部件：全面指南

smileKH的博客

05-23

1529

是Flutter材料设计库中的一个组件，它提供了一个具有表单字段功能的下拉选择框。与标准的相比，它可以轻松集成到Form中，并支持输入验证和值保存。decoration：用于自定义下拉按钮的外观。value：当前选中的值。onChanged：当选项改变时调用的回调。items：下拉列表中的选项。validator：验证选中值的回调。