随笔分类 -  Flutter

摘要:单例模式是日常开发中最常用的设计模式之一,在工作中各种 Manager 和 SharedInstance 层出不穷。本文就分享一下单例在 Flutter 中的使用。 实现方法 首先我们先看一下,在 Flutter 中如何实现一个单例。 class SomeSharedInstance { // 单例 阅读全文
posted @ 2021-08-19 15:41 dnoyeb 阅读(936) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-06-11 18:01 dnoyeb 阅读(100) 评论(0) 推荐(0) 编辑
摘要:https://juejin.cn/post/6897101906158714887 阅读全文
posted @ 2021-05-27 16:48 dnoyeb 阅读(37) 评论(0) 推荐(0) 编辑
摘要:debug进入app断开连接,原因是日志权限没开, 在手机开发者中日志记录器缓冲区调到最大 阅读全文
posted @ 2021-05-21 11:57 dnoyeb 阅读(4522) 评论(3) 推荐(1) 编辑
摘要:本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成,用比较通俗易懂的方式,从常见的 ListView到 NestedScrollView 的内部实现,帮助你更好理解和运用 Flutter 里的滑动列表。 ❝「本篇不是教你如何使用 API ,而是一些日常开发中不常接触,但是很重要的内容」。❞ 阅读全文
posted @ 2021-04-30 10:38 dnoyeb 阅读(835) 评论(0) 推荐(0) 编辑
摘要:系统默认的appBar等高度 阅读全文
posted @ 2019-04-29 16:40 dnoyeb 阅读(4035) 评论(0) 推荐(0) 编辑
摘要:AnimatedContainerAnimatedCrossFadeHeroAnimatedBuilderDecoratedBoxTransitionFadeTransitionPositionedTransition/RelativePositionedTransitionRotationTran 阅读全文
posted @ 2019-04-27 14:02 dnoyeb 阅读(3457) 评论(0) 推荐(0) 编辑
摘要:自定义路由翻转,渐变,左右滑动 方法如下: 使用方法 Navigator.push(context, MaterialPageRoute(builder: (context){ return test(); })); 改为Navigator.push(context, animation_route 阅读全文
posted @ 2019-04-25 15:47 dnoyeb 阅读(6484) 评论(0) 推荐(0) 编辑
摘要:特定页面旋转屏幕很简单: 数组中是您要支持的屏幕方向. 如果想在特定页面固定横屏, 您可以这样写: 并且在dispose时更改回竖屏 但是!!! 不要走开 本文重点在下面 在Android设备上, 调用此方法可以强制改变屏幕方向. 但在iOS上却不是这样 https://www.wandouip.c 阅读全文
posted @ 2019-04-25 14:08 dnoyeb 阅读(5638) 评论(0) 推荐(1) 编辑
摘要:第一点:push使用 1.pushNamed——Navigator.of(context).pushNamed('routeName'); 此种方法只是简单的将我们需要进入的页面push到栈顶,以此来显示当前页面,其参数是一个字符串类型,传入的是页面对应的路由名称 该路由名称需要在程序主入口中进行定 阅读全文
posted @ 2019-04-25 11:37 dnoyeb 阅读(5120) 评论(1) 推荐(0) 编辑
摘要:我们平时在开发中的过程中通常都会获取屏幕或者 widget 的宽高用来做一些事情,在 Flutter 中,我们可以使用如下方法来获取屏幕或者 widget 的宽高。 MediaQuery 一般情况下,我们会使用如下方式去获取 widget 的宽高: final size =MediaQuery.of 阅读全文
posted @ 2019-04-23 17:56 dnoyeb 阅读(2256) 评论(0) 推荐(0) 编辑
摘要:以上动画是仿照 里面的物理动画还未仿写 代码见 https://github.com/dnoyeb/syk_flutter 阅读全文
posted @ 2019-04-23 14:18 dnoyeb 阅读(742) 评论(0) 推荐(0) 编辑
摘要:使用 WidgetsBindingObserver获取 目的是为了实现如图 在点击X号的时候按照X号的位置进行位置计算 小三角是使用了Clip功能 代码部分见github项目 https://github.com/dnoyeb/syk_flutter 阅读全文
posted @ 2019-04-23 11:24 dnoyeb 阅读(4036) 评论(0) 推荐(0) 编辑
摘要:由于有时打不开flutter的icon官网 https://material.io/tools/icons/?style=baseline 截图存下icon 如果看不清 Ctrl + 恢复Ctrl 0 阅读全文
posted @ 2019-04-22 17:46 dnoyeb 阅读(3383) 评论(0) 推荐(0) 编辑
摘要:1. 介绍 本文会从代码层面去介绍Flutter动画,因此不会涉及到Flutter动画的具体使用。 1.1 Animation库 Flutter的animation库只依赖两个库,Dart库以及physics库。animation是采用Dart编写的,所以依赖Dart库是很正常的。physics库是 阅读全文
posted @ 2019-04-15 15:11 dnoyeb 阅读(185) 评论(0) 推荐(0) 编辑
摘要:1. 动画介绍 动画对于App来说,非常的重要。很多App,正是因为有了动画,所以才会觉得炫酷。移动端的动画库有非常的多,例如iOS上的Pop、web端的animate.css、Android端的AndroidViewAnimations、跨平台的Lottie等。正是因为有了这些封装好的动画库,我们 阅读全文
posted @ 2019-04-15 15:10 dnoyeb 阅读(223) 评论(0) 推荐(0) 编辑
摘要:Simulation 可以理解成动画进行的函数。 Flutter中自带了有下面几种。 BouncingScrollSimulationBounce弹性的滚动模拟 ClampedSimulation ClampingScrollSimulation* FrictionSimulation摩擦参数的的滚 阅读全文
posted @ 2019-04-11 16:30 dnoyeb 阅读(930) 评论(0) 推荐(0) 编辑
摘要:一、贝塞尔曲线作用: *贝塞尔曲线就是这样的一条曲线,它是依据四个位置任意的点坐标绘制出的一条光滑曲线。在历史上,研究贝塞尔曲线的人最初是按照已知曲线参数方程来确定四个点的思路设计出这种矢量曲线绘制法。贝塞尔曲线的有趣之处更在于它的“皮筋效应”,也就是说,随着点有规律地移动,曲线将产生皮筋伸引一样的 阅读全文
posted @ 2019-04-10 17:09 dnoyeb 阅读(521) 评论(0) 推荐(0) 编辑
摘要:void listDemo() { // 1.list的创建 listCreate(); // 2.多种类型的输出 listPrint(); // 3.添加数据 listAddElement(); // 4.删除数据 listRemoveElement(); // 5.更改列表元素 changeTh 阅读全文
posted @ 2019-04-08 14:35 dnoyeb 阅读(11724) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示