Flutter 组件之 PopupMenuButton

最新推荐文章于 2023-08-30 20:41:05 发布
最新推荐文章于 2023-08-30 20:41:05 发布
阅读量335 收藏
点赞数
分类专栏： Flutter 组件 文章标签： flutter android ios 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tools_are/article/details/129063309
版权

Flutter 组件之 PopupMenuButton

1.简介

一个显示弹出式菜单的按钮

2.属性

  • itemBuilder：必填项，配置弹出菜单的子控件
  • initialValue：设置弹出菜单的高亮item
  • onSelected：点击菜单控件
  • onCanceled：取消点击菜单控件
  • tooltip：长按时的小提示
  • elevation： 阴影距离
  • padding：外边距，默认 EdgeInsets.all(8.0),
  • child：子控件，没有child 显示3个点，设置child padding属性失效 ，icon和child不能同时存在
  • icon ：图标
  • offset：偏移量，默认 Offset.zero,
  • enabled：是否可点击，默认为 true,
  • shape：边框设置
  • color：颜色
  • captureInheritedThemes：默认为 true,
最低0.47元/天 解锁文章
Tools_are
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter PopupMenuButton 菜单
10-26
Flutter PopupMenuButton 菜单
Flutter之PopupMenuButton
日积月累
05-24 2295
const PopupMenuButton({ Key key, @required this.itemBuilder, this.initialValue,//初始值，如果itemBuilder里该值，则会高亮显示 this.onSelected,//选中弹出弹出选项的回调 this.onCanceled,//点屏幕外取消回调,点击屏幕其他地方时调用 this.tooltip,// this.e...
flutter控件之弹出菜单PopupmenuButton控件
热门推荐
chunchun1230的博客
09-07 2万+
PopupMenuButton控件即弹出菜单控件，点击控件会出现菜单。 import 'package:flutter/material.dart'; class MenusDemo extends StatefulWidget{ @override _MenusDemoState createState() => new _MenusDemoState(); } class _...
Flutter 按钮 大集合
会煮咖啡的猫咪
11-02 753
Flutter 按钮 大集合 😵😵 大家好今天集中介绍下 Flutter 自带的几个按钮。 原文 https://medium.com/@kaushikidum29/flutter-buttons-4ac64d70f0b2 前言 按钮是用户触发事件的控件，比如采取行动、做出选择、搜索等等。它们可以放在我们 UI 的任何地方，比如对话框、表单、卡片、工具栏等等。 正文 Flutter 按钮的特点 在 Flutter 中按钮的标准特性如下: 我们可以很容易地将主题应用于按钮、形状、颜色、动画和行为。我
Flutter学习笔记（20）--FloatingActionButton、PopupMenuButton、SimpleDialog、AlertDialog、SnackBar...
weixin_30642267的博客
08-21 199
如需转载，请注明出处：Flutter学习笔记（20）--FloatingActionButton、PopupMenuButton、SimpleDialog、AlertDialog、SnackBar FloatingActionButton FloatingActionButton对应一个圆形图标按钮，悬停在内容之上，以展示对应程序中的主要动作，所以非常醒目，类似于iO...
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
10-16
`PopupMenuButton` 是 Flutter 框架中用于创建弹出式菜单的组件，它在多种场景下都非常实用，比如在 AppBar 的右上角设置一个下拉菜单。这个组件提供了简洁的接口和高度可定制性，使得开发者能够快速地为应用添加...
Flutter进阶质感设计之标签栏
08-27
在Flutter开发中，质感设计（Material Design）是一种广泛采用的用户界面设计规范，它提供了美观且功能丰富的组件库。在Flutter中实现质感设计的标签栏（Tab Bar）可以帮助开发者构建多选项卡的应用界面，使用户能够...
Flutter入门与实战：菜单弹出框
09-15
`PopupMenuButton`是Flutter提供的内置组件，用于创建简单的下拉菜单。以下是如何使用`PopupMenuButton`的步骤： 1. **初始化PopupMenuButton**: 在你的Widget树中，创建一个`PopupMenuButton`实例，指定它的`on...
Flutter高阶技术：如何实现自定义弹出菜单框
06-03
本篇文章将深入探讨如何在Flutter中创建自定义弹出菜单框，包括它的设计原理、实现步骤以及相关组件的使用。 首先，我们要理解弹出菜单框的基本概念。它通常是在用户点击某个按钮或进行特定操作后，从屏幕边缘滑出...
你知道吗，Flutter内置了10多种Button控件
老孟Flutter
03-15 1204
注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0 Flutter内置了10多种Button（按钮）类控件供我们使用，了解这些控件有助于提高我们的开发速度。 RaisedButton RaisedButton是一个material风格”凸起“的按钮，基本用法： RaisedButton( ch...
Flutter：自定义组件的上下左右弹出层
m0_56144365的博客
08-30 1692
目前自定义的组件，可以在目标组件，左、上、右、下，左上、右上，左下、右下八个方向进行精确的弹出，当然了，除此之外，也可以动态的展示到自己想要的位置，并且弹出层效果可以自定义，效果是我弹出了一个黑色矩形，你可以弹出一个列表，一个图片等等。属性类型概述keyGlobalKey目标组件的keychildWidget弹出层childWidthdouble弹出层的宽double弹出层的高direction。
flutter 自定义popupMenuButton
whs867712232的博客
11-15 1615
代码如下：可以直接复制使用 // Copyright 2014 The Flutter Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. // @dart = 2.8 ///定制菜单 import 'dart:async'; import 'package:flutter/found
flutter 组件 Placeholder,ButtonBar,PopupMenuButton,自定义组件
litter_lj的博客
07-28 1383
1.Placeholder 占位符 Placeholder( color: Colors.tealAccent, //颜色 strokeWidth: 2.0, //线条宽度 fallbackHeight: 50.0, //无边界时候的高度 fallbackWidth: 50.0, //无边界时候的宽度 ), 2.ButtonBar 按钮组 ...
Flutter PopupMenuButton使用
yechaoa
05-30 6284
效果： 常用属性 const PopupMenuButton({ Key key, @required this.itemBuilder,//item构建 this.initialValue,//默认值 this.onSelected,//选中回调 this.onCanceled,//取消回调 this.tooltip,//长按提示信息 ...
Flutter实现PopupMenu（弹出设置菜单）
江上清风山间明月的博客
05-19 3996
PopupMenuButton是一个用于创建弹出菜单的小部件。它通常与IconButton或其他触发菜单显示的小部件一起使用。当用户点击触发按钮时，PopupMenuButton会在屏幕上方或下方弹出一个菜单，显示一组选项供用户选择。
Flutter：功能型组件（2）- 弹出菜单、弹出提示
weixin_41897680的博客
05-31 3472
Flutter：功能型组件（2）- 弹出菜单、弹出提示
Flutter使组件居于屏幕中间
XinBaDeRongYao的博客
04-10 2850
以上是几种常见的将组件居于屏幕中间的方式，具体使用哪种方式要根据实际情况来决定。5. 使用 Stack 和 Positioned 组件将子组件居中。4. 使用 SizedBox 组件指定子组件的宽高，将其居中。2. 使用 Align 组件指定子组件的对齐方式，将其居中。3. 使用 Column 或 Row 组件将子组件居中。1. 使用 Center 组件将子组件居中。
【Flutter】【widget】其他弹窗showMenu，PopupMenuButton ，showAboutDialog 等（3）
自动人生博客
10-27 1138
其他的弹窗的说明和使用说明，比如showMenu 等；
flutter 组件通信
最新发布
08-31
在 Flutter 中，有几种常用的组件通信方式，包括： 1. 父组件向子组件通信：父组件可以通过构造函数将数据传递给子组件。子组件可以通过接收这些参数来获取数据并进行显示或处理。 2. 子组件向父组件通信：子组件可以使用回调函数来将数据传递给父组件。父组件可以将一个函数作为参数传递给子组件，子组件在需要时调用该函数并传递数据。 3. 兄弟组件通信：如果两个兄弟组件之间需要通信，可以通过它们共同的父组件来实现。父组件可以将一个函数作为参数传递给两个子组件，并通过这个函数来实现兄弟组件之间的通信。 4. 全局状态管理：当应用程序中的多个组件需要共享相同的状态时，可以使用全局状态管理库，如 Provider、GetX、Redux 等。这些库提供了一种在不同组件之间共享和更新状态的机制。 5. 事件总线：事件总线是一种在不同组件之间发送和接收事件的机制。可以使用第三方库如 event_bus 来实现事件总线功能。 这些是 Flutter 中常用的组件通信方式，具体使用哪种方式取决于应用程序的需求和复杂度。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值