Flutter仿微信的下拉弹框

xiangzhihong8 2021-02-24 11:19:05

236

分类专栏： Flutter入门与实战

本文链接：https://blog.csdn.net/xiangzhihong8/article/details/114013973

版权

Flutter入门与实战

Flutter是Google使用Dart语言开发的移动应用开发框架，使用一套Dart代码就能构建高性能、高保真的iOS和Android应用程序，并且在排版、图标、滚动、点击等方面实现零差异。

xiangzhihong8

¥19.90

在移动开发中，下拉弹框是一种很常见的选择交互方式，效果如下图所示。
在这里插入图片描述
对于这种弹框，我们可以使用Dialog来实现，下面是自定义弹框的主要代码。

Color _bgColor = Colors.white;
double cellHeight = 34;
double cellWidth=120;

typedef ClickCallBack = void Function(int selectI

了解本专栏订阅博主解锁全文

xiangzhihong8

CSDN认证博客专家 HTTPS 前端框架 JavaScript

著有《React Native移动开发实战》、《Kotlin入门与实战》、《Weex跨平台开发与实战》、《React Native开发进阶》和《Flutter跨平台开发实战》，正努力完成《Android应用架构实战》

点赞
评论
分享
x
海报分享

扫一扫，分享海报
收藏
打赏

打赏

xiangzhihong8

你的鼓励将是我创作的最大动力

C币余额

2C币 4C币 6C币 10C币 20C币 50C币

确定
举报
订阅博主
关注关注
一键三连
点赞Mark关注该博主, 随时了解TA的最新博文

已标记关键词清除标记

用Flutter模仿了一个的微信App

08-10

最近在学习Flutter开发App, 在网上找到一张微信的Ui设计图, 就用Flutter模仿了一个的微信App, 全都是app静态布局与部分页面交互,没有调用后台接口

插入表情

添加代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

还能输入1000个字符

08-07

自定义功能强大的下拉筛选菜单flutter package，支持iOS和Android

仿QQ底部弹出框

04-18

仿QQ底部弹出框封装的良好，代码注释详细，易于理解与学习，在测试中的调用简单明了，如果项目中有需求可直接用在项目中运用

Flutter - 仿微信朋友圈效果实现

iotjin的专栏

09-18

561

### demo 地址: https://github.com/iotjin/jh_flutter_demo ####实现效果： appbar滚动颜色渐变，状态栏颜色切换背景图下拉放大图片9宫格展示图片全屏浏览，长按弹框效果图：代码 import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:jhto.

flutter 点击位置弹出菜单栏（仿微信文本长按位置下方弹出菜单）

qq_36071410的博客

04-15

5399

效果图：添加链接描述

flutter下拉筛选框_多条件筛选数据，三种方法任你选

weixin_39633165的博客

11-18

Excel筛选功能大家都用过，精准筛选只需要在筛选框输入查找的内容即可。但是如果需要筛选多个内容呢？如下图这种情况，需要在A列筛选出包含"苏宁"、"国美"、"club"字段的数据。这个问题，我们可以用三种方法去解决，小伙伴们挑选适合自己的一种方法记住即可~高级筛选法不用函数公式，Excel自带高级筛选功能，只不过这里并不是精准匹配，需要对筛选条件进行处理。在D列对筛选条件进行处理，将筛选内容首尾加...

flutter弹出下拉框DropdownButton的生成

xiaoqi307的博客

06-27

1万+

小弟不才，刚学flutter，记录一些学习内容，需要下拉选择 new Container( height: 35, width: MediaQuery.of(context).size.width - 140, decoration: BoxDecoration( borde...

Flutter弹出菜单

pur_e的专栏

08-29

1075

实现的时候碰到的几个问题：实现方式：如果用Navigator路由到新页，可以用PopupRoute自己实现，也可以直接用PageRouteBuilder来自定义，只要opaque设置为false就可以实现透明背景的弹出效果。同时可以方便的将barrierDismissible设置为true实现点击消失。其实PopupRoute其实也就是通过这两个属性来设置的。如果实现浮窗效果，可以使用...

模仿微信下拉出现小眼睛的例程

08-26

项目中要求模仿一个微信下拉小眼睛的功能，下拉后出现扫描二维码，EyeView是实现该功能的View工程，通过继承EyeBase和EyeBaseFrame可以实现需要的View的下拉出现小眼睛，我写了注释，编码方式为GBK，做的紧急估计会有一些小Bug

用Flutter撸一个微信吧(高仿)

weixin_34366546的博客

12-18

1567

前言学习Flutter已经有半个多月了,但是光看是学不会的,索性就拿微信练个手吧,虽然我是个菜鸟. Flutter跟weex以及Rn的对比体会可能我还是不太习惯前端的ui样式吧,感觉前端的样式写起来比较乱,但是Flutter给我的感觉却完全不一样,对于我这个Android菜鸟来说还是比较容易上手的.因为代码比较多,我就不废话了,直接上效果图. 项目地址项目我已经放在github上了...

微信小程序下拉菜单实例

llixiangjian的博客

09-04

5832

http://www.51xuediannao.com/xiaochengxu/1012112H016.html 当前位置：懒人建站 > 微信小程序开发 > 微信小程序下拉菜单实例来源：web前端开发作者：懒人建站日期：2016-10-12 人气:19017 QQ交流群:4188479 微信小程序下拉菜单实例，小程序的尝鲜制作，开发工具是

Flutter | 超实用简单菜单弹出框 PopupMenuButton

Flutter笔记

08-06

4221

相信在实际开发过程当中，肯定少不了这样的功能：点击AppBar右上角的按钮，弹出一个菜单供用户选择。幸运的是，Flutter 提供给我们了一个 Widget，直接就能...

Flutter | 可能是目前最好用的仿微信聊天长按弹出框 WPopupMenu

Flutter笔记

08-09

2433

很多用 iOS 的小伙伴都用过该功能：微信聊天窗口，长按某一条消息，弹出弹框，选择「复制、转发...」等等。基于这个需求，我封装了一个「WPopupMenu」。WPop...

flutter防微信首页小程序下拉桌面问题

BLUESKYHOST的博客

04-30

232

问题讲解第一个首页页面结构布局问题 1、尝试过页面切换，定位，最终发现使用 SingleChildScrollView 小部件比较合适，我不知道微信官方是如何实现切换页面的但是我只能有这个方法目前为止谁有更好的方法可以说一下我我们互相学习一下谢谢了朋友们 2、我的布局是两个屏幕高度的滚动界面，默认滑倒最底层也就是微信聊天列表，监测滑动手势从而是否开启可滑动功能。下面是：SingleChild...

JavaEE+大数据+2个实战项目终极套餐震撼来袭

05-19

该套视频教程共包含16门课程，分别是Linux入门到精通、大型ERP项目实战教程、solr教程、Lucene教学视频、Java反射与注解开发、Hadoop大数据入门教程、Activiti工作流教程、redis高并发由浅入深、webservice入门教程、hibernate4入门教程、大型分布式redis+solr+Linux+nginx+springmvc+mybatis电商项目、struts2深入浅出、oracle入门到大神、springmvc深入浅出、spring 3.2教程、mybatis入门到精通教程、Java EE教程、Mysql教程。

利用遗传算法解决矩形排样问题，具有可视化的界面两个

08-01

利用遗传算法解决矩形排样问题，具有可视化的界面，输入数据为含有矩形的长和宽的文本文件，输出的结果以可视化的形式显示出来

三相变压器建模及仿真及MATLAB仿真.pdf

12-03

XXXXXXX 学院课程设计报告课程名称系部专业班级学生姓名指导教师完成时间报告成绩评阅意见评阅教师日期学院教学工作部制精选文库目录摘要 3 第一章变压器介绍 4 1.1 变压器的磁化特性 4 1.2 变压器保护 4 1.3 励磁涌流 7 第二章变压器基本原理 9 2.1 变压器工作原理

DirectX修复工具V4.0增强版

06-13

DirectX修复工具(DirectX Repair)是一款系统级工具软件，简便易用。本程序为绿色版，无需安装，可直接运行。本程序的主要功能是检测当前系统的DirectX状态，如果发现异常则进行修复。程序主要针对0xc000007b问题设计，可以完美修复该问题。本程序中包含了最新版的DirectX redist(Jun2010)，并且全部DX文件都有Microsoft的数字签名，安全放心。本程序为了应对一般电脑用户的使用，采用了易用的一键式设计，只要点击主界面上的“检测并修复”按钮，程序就会自动完成校验、检测、下载、修复以及注册的全部功能，无需用户的介入，大大降低了使用难度。在常规修复过程中，程序还会自动检测DirectX加速状态，在异常时给予用户相应提示。本程序适用于多个操作系统，如Windows XP（需先安装.NET 2.0，详情请参阅“致Windows XP用户.txt”文件）、Windows Vista、Windows 7、Windows 8、Windows 8.1、Windows 8.1 Update、Windows 10，同时兼容32位操作系统和64位操作系统。本程序会根据系统的不同，自动调整任务模式，无需用户进行设置。本程序的V4.0版分为标准版、增强版以及在线修复版。所有版本都支持修复DirectX的功能，而增强版则额外支持修复c++的功能。在线修复版功能与标准版相同，但其所需的数据包需要在修复时自动下载。各个版本之间，主程序完全相同，只是其配套使用的数据包不同。因此，标准版和在线修复版可以通过补全扩展包的形式成为增强版。本程序自V3.5版起，自带扩展功能。只要在主界面的“工具”菜单下打开“选项”对话框，找到“扩展”标签，点击其中的“开始扩展”按钮即可。扩展过程需要Internet连接，扩展成功后新的数据包可自动生效。扩展用时根据网络速度不同而不同，最快仅需数秒，最慢需要数分钟，烦请耐心等待。如扩展失败，可点击“扩展”界面左上角小锁图标切换为加密连接，即可很大程度上避免因防火墙或其他原因导致的连接失败。本程序自V2.0版起采用全新的底层程序架构，使用了异步多线程编程技术，使得检测、下载、修复单独进行，互不干扰，快速如飞。新程序更改了自我校验方式，因此使用新版本的程序时不会再出现自我校验失败的错误；但并非取消自我校验，因此程序安全性与之前版本相同，并未降低。程序有更新系统c++功能。由于绝大多数软件运行时需要c++的支持，并且c++的异常也会导致0xc000007b错误，因此程序在检测修复的同时，也会根据需要更新系统中的c++组件。自V3.2版本开始使用了全新的c++扩展包，可以大幅提高工业软件修复成功的概率。修复c++的功能仅限于增强版，标准版及在线修复版在系统c++异常时（非丢失时）会提示用户使用增强版进行修复。除常规修复外，新版程序还支持C++强力修复功能。当常规修复无效时，可以到本程序的选项界面内开启强力修复功能，可大幅提高修复成功率。请注意，请仅在常规修复无效时再使用此功能。程序有两种窗口样式。正常模式即默认样式，适合绝大多数用户使用。另有一种简约模式，此时窗口将只显示最基本的内容，修复会自动进行，修复完成10秒钟后会自动退出。该窗口样式可以使修复工作变得更加简单快速，同时方便其他软件、游戏将本程序内嵌，即可进行无需人工参与的快速修复。开启简约模式的方法是：打开程序所在目录下的“Settings.ini”文件（如果没有可以自己创建），将其中的“FormStyle”一项的值改为“Simple”并保存即可。新版程序支持命令行运行模式。在命令行中调用本程序，可以在路径后直接添加命令进行相应的设置。常见的命令有7类，分别是设置语言的命令、设置窗口模式的命令，设置安全级别的命令、开启强力修复的命令、设置c++修复模式的命令、控制Direct加速的命令、显示版权信息的命令。具体命令名称可以通过“/help”或“/?”进行查询。程序有高级筛选功能，开启该功能后用户可以自主选择要修复的文件，避免了其他不必要的修复工作。同时，也支持通过文件进行辅助筛选，只要在程序目录下建立“Filter.dat”文件，其中的每一行写一个需要修复文件的序号即可。该功能仅针对高级用户使用，并且必须在正常窗口模式下才有效（简约模式时无效）。本程序有自动记录日志功能，可以记录每一次检测修复结果，方便在出现问题时，及时分析和查找原因，以便找到解决办法。程序的“选项”对话框中包含了7项高级功能。点击"常规”选项卡可以调整程序的基本运行情况，包括日志记录、安全级别控制、调试模式开启等。只有开启调试模式后才能在C