上辈子作恶多端，这辈子写前端。

【代码】Flutter通过Overlay实现下拉筛选菜单效果。

一、实现的效果图 二、这里主要是用到了俩个第三方库scrollview_observerflutter_sticky_header三、这里作为一个记录以备后续使用，示例请查看源代码

这样基本的日历绘制就没什么问题了，剩下的就是选中的逻辑处理了，完整代码请查看源代码。，所以我们就可以根据1号是星期几来确定起始位置在哪里。

一、效果图二、主要涉及的知识点AnimationController、Animation、FractionalTranslation 动画Api的运用CustomPainter 自定义View以及每个时机的把握主要是写篇博客来记录一下这个功能的实现，具体代码就看源代码了，有疑问可以私信沟通源代码下载

参考链接: https://juejin.cn/post/7166046328609308685。

二、然后到Plugin的目录中 ，在目录的同级创建目录将需要依赖的aar放至此目录三、最后在Plugin中的中依赖aar即可Good Luck!

所以这个时候最好的解决办法是允许输入。

【代码】Flutter自定义TextInputFormatter实现金额输入框。

【代码】Flutter 开发、测试，网络调试工具。

这里本来是想通过改变transitionAnimationController.value的值来改变弹窗的高度，但是实际中发现或的效果不理想，不知道为什么。参数，这个就是对话框显示的动画控制器了值为[0,1]，当全部显示是为1。那么当将弹窗设为固定高度时，就可以通过这个值进行计算了。通过上面这样处理，内容区的上移和缩小就已经实现了。

呢，原因就是每个方块的颜色会随机生成，同时当方块消失的时候上面的方块要进行下移，所以就需要知道每个格子需要绘制什么颜色的方块。计算出每个方块的大小，也就可以计算出格子所占的高度了，接下来通过。可以讲如上七种方块大致形象称为"O，Z，S，T，J，L，I"类型。函数进行实现，也就是将旋转后将新block数据进行更新即可。因为每一个方块可以进行无限制旋转，所以T型方块重写。还有一点：这里为什么二维数组里面装的是。3、现在就可以抽象出一个方块的模板来了。进行绘制游戏背景即可，如下。15*10的二维数组。

本篇文章主要参考了恋猫de小郭Flutter 完整开发实战详解（十六、详解自定义布局实战）文章，大家可以先看完这篇文章再来阅读本篇这样能更好的理解文中代码。创建类继承创建类继承创建类继承RenderBox，同时混入、关于上面两个混入，在开头引入的文章链接中已经详细说明了RenderBox。

这种效果在原生开发上大家肯定或多或少都了解过，原理都是在根布局绘制的时候将画笔饱和度设置成0；具体实现大家可以搜一搜这里就不贴了。

通过Flutter实现的九宫格抽奖效果

当限制输入框最大输入长度时，将`光标移动到中间`输入，当`输入的内容长度`加上`已经输入内容的长度`大于`限制的输入长度`时，Flutter会将光标后面的内容进行截取掉；而当我在原生Android上验证时却是自动截取输入的内容原有的内容不动。...

先来看下效果图吧实现思路1、利用输入框的TextInputFormatter的withFunction方法来处理用户输入的内容2、同时需要监听文本改变将光标移动至末尾///输入框控制器TextEditingController _controller = TextEditingController();///输入框CupertinoTextField( controller: _controller, placeholder: '请输入银行卡号', ///省略部分代码 in

一、最近开发一个App具有黑白两个主题和切换语言的功能，所以在开发的时候一个页面总是要不断的去切换主题和语言来查看功能是否正常。为了提高这个开发效率突然想到可以在应用上增加一个悬浮窗组件然后实现主题切换和语言切换的功能，这样在任意一个页面就可以快速的查看效果。不用来回切换到设置页面内去进行切换了。二、 实现的效果悬浮窗组件也可以随意进行拖动，打开一个新的页面悬浮窗也始终是在最顶部的这里稍微参考了一下滴滴的Dokit-Flutter悬浮窗实现三、功能实现创建一个DeveloperWid

一、话不多说，先来看下实现的交互效果，源码在文末 二、首先分解一下需求自定义Tab指示器与Tab当秒杀节点小于5个的时候，每一个Tab的宽度为平分屏幕宽度当大于等于5个的时候，每一个Tab的宽度为固定宽度1、先来看下最简单的TabBar与TabBarView需要如何实现/// 省略若干代码...@overrideWidget build(BuildContext context) { return Scaffold( appBar: AppBar( title:

实现的效果图如下

首先先来看下需要实现的交互效果 涉及的功能点轨道最大展示的时长，这里是3分钟视频截取最短时长，这里是3秒钟当视频时长大于3分钟时，轨道底部可以滚动触摸事件处理

一、 在项目中遇到了个如下问题：当页面底部有个输入框，点击弹出键盘时；输入框与键盘之间有一段间距通过排除，最后找到了问题根源所在；原因是使用了这个屏幕适配框架导致的。此框架通过直接修改FlutterViewConfiguration()的size与devicePixelRatio达到适配的目的二、要解决这个问题，就需要了解键盘弹起整个页面做了哪些事情来入手了假设页面如下：void main() { runApp(MyApp());}class MyApp extends B

源码下载地址一、本篇文章通过自定义View实现的效果图二、现在对这个组件进行一一拆解，如下：顶部选中的结果我们可以单独拿出来，通过监听选择器的变化来显示值就可以底部固定的灰色进度，绘制圆角矩形刻度线，绘制直线；需要注意的是开头和结尾的刻度无需绘制刻度文字，绘制文字开始与结束的滑块，绘制图片红色选中的进度，绘制圆角矩形手势处理三、这里重点说一下绘制文字这块由于文字是与刻度居中对齐的，所以在计算坐标时 公式如下：每一个文字的起点X坐标 = 画布宽度 / 5 * 第几个刻度 - 文

122