
Flutter
flutter
高先生的猫
求知若渴,虚心若愚。
展开
-
Flutter事件监听
一. 事件监听在大前端的开发中,必然存在各种各样和用户交互的情况:比如手指点击、手指滑动、双击、长按等等。在Flutter中,手势有两个不同的层次:第一层:原始指针事件(Pointer Events):描述了屏幕上由触摸板、鼠标、指示笔等触发的指针的位置和移动。第二层:手势识别(Gesture Detector):这个是在原始事件上的一种封装比如我们要监听用户长按,如果自己封装原始事件我们需要监听从用户按下到抬起的时间来判断是否是一次长按事件比如我们需要监听用户双击事件,我们需要自己原创 2020-08-20 10:31:14 · 1160 阅读 · 0 评论 -
关注 Flutter绘制进阶——贝塞尔曲线
说到贝塞尔曲线各位前端的小伙伴一定不陌生????,贝塞尔曲线是一段优美的曲线,他可以极大程度的提高我们程序的美观性,试想我们的应用如果只有简单的矩形、圆形、三角形巴拉巴拉的基础图形,很难达到我们期望的良好的交互效果。我们如何去随性所欲的裁切、遮盖、绘制我们想要的界面的,今天的主角——贝塞尔曲线,必不可少????。贝塞尔曲线???? 开门见山,要学会贝塞尔曲线,肯定必须要了解,什么是贝塞尔曲线啊。不知道有没有小伙伴和我一样,一开始有被这个名字吓到????,第一感觉就是:高端,复杂,难搞。所以别慌,接原创 2020-08-07 13:08:02 · 939 阅读 · 0 评论 -
Flutter Fluro路由库的页面切换动画效果
fluro的页面切换函数 Router.navigateTo 支持11种不同效果的切换动画,支持延时设置和自定义切换效果,下面将会对所有的效果展示出来,方便以后可以根据实际需求进行选择。切换效果分类fluro内置的切换动画可以分为3类:各平台原生效果 非原生效果 自定义效果Router.navigateTo( context path transition transitionBuilder transitionDuration)上一篇文章原创 2020-08-07 13:07:38 · 1619 阅读 · 0 评论 -
Flutter 实现整个App变为灰色
在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下:@overrideWidget build(BuildContext context) { return ColorFiltered( colorFilter: ColorFilter.mode(Colors.grey, BlendMode.color), child: Scaffold( appBar: _appBar,原创 2020-07-30 10:15:25 · 405 阅读 · 0 评论 -
Flutter 是如何渲染的?
要解答这个问题,首先需要认识到 Flutter 中有三棵树:Widget树,Element树和RenderObject树。当应用启动时 Flutter 会遍历并创建所有的Widget形成Widget Tree,同时与Widget Tree相对应,通过调用Widget上的createElement()方法创建每个Element对象,形成Element Tree。最后调用Element的createRenderObject()方法创建每个渲染对象,形成一个...原创 2020-07-03 11:14:29 · 609 阅读 · 2 评论 -
Flutter vs React Native vs Native:深度性能比较
研究背后的故事inVerita(inveritasoft.com/)一直致力于移动跨平台方案的性能问题,以此来解答哪种场景下开发者需要使用 Flutter 、 React Native 或原生开发,甚至是你需要选择哪个职业。在之前的 《Flutter vs Native vs React-Native: Examining performance》 对比中有一个颇有争议的点,其中有人提出正常情况下我们是不会在 React Native 进行这些重复和复杂的计算,虽然在这种情况下,使用 Flutter原创 2020-07-06 10:14:43 · 3948 阅读 · 1 评论 -
Flutter监听路由返回
Flutter监听路由返回前言我们通常有这样一个需求:点击修改用户信息需要跳转页面,修改完成以后返回之前的页面我们需要重新获取新的数据刷新修改后的数据。于是就找方法去实现,目前我用过的就是以下三种方法。Navigator.of(context).pushNamed().then()优点可以在返回页面的时候在pop中传入参数Navigator.pop(context, '数据传参...原创 2020-05-07 10:34:22 · 6955 阅读 · 3 评论