![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
飞雨的夏天
这个作者很懒,什么都没留下…
展开
-
flutter动画原理详解(AnimationController、CurvedAnimation、Tween、Curve)
flutter动画类包括以下几种:AnimationController:动画控制器,写动画必有它,例如启动动画controller.forward()。Animatable:根据给出的开始值和结束值用来计算动画的真正的值(Tween就是它的子类)Animation:用来监听动画的状态(AnimationContrller是它的子类)addListener和addStatusListenerCurve:动画插值器(用来实现动画的值的变化,例如计算出动画的当前值,将它当做x值放入函数原创 2020-05-09 19:34:54 · 2793 阅读 · 0 评论 -
Flutter路由源码(Navigator原理)详解
Navigator.of(context).pushNamed用flutter开发界面最离不开的就是路由器,你只要需要跳转到其他界面就需要路由功能,而flutter的ui组成全部都是widget,在布局的时候我们没有用路由的小部件(Navigator),那么它是怎么起到作用的呢,肯定是隐藏在我们用的根部件里面,一般我们布局的根部件为MaterialApp小部件,MaterialApp小部件的...原创 2020-05-07 20:54:03 · 2171 阅读 · 0 评论 -
flutter的Provider状态管理原理详解
Flutter的Provider是专门为Flutter处理状态而生,RenderObject树的重新渲染最原始的做法就是调用SetState方法,而Provider可以让你注重于数据逻辑的的改变,而无需关心RenderObject树的主动渲染,这不就是类似于mvvm模式,只要数据变化了,view树就会重新渲染该渲染的部分,而不需要咱们主动调用渲染。下边先来看看Provider相关类怎么用,这里...原创 2020-05-01 15:23:07 · 2661 阅读 · 0 评论 -
flutter_redux(redux状态管理源码详解)原理详解
如果要使用redux,那么首先得创建一个Store,顾名思义用来储存数据的类,它的泛型需要自己定义真正保存数据的类放在这里如下: final store = Store<SearchState>( searchReducer, initialState: SearchInitial(), middleware: [ // The follo...原创 2020-04-29 17:48:59 · 1419 阅读 · 0 评论 -
Flutter的setState原理详解
用Flutter的开发的小伙伴知道,一般你想动态的修改小部件的的状态的话,那么你要实现小部件继承StatefulWidget,而不是StatelessWidget,这和ReactNative的方式如出一辙,你想改变组件的属性,只要调用SetState方法就可以了,至于SetState方法如何实现的,笔者接下来将会一一分解。void setState(VoidCallback fn) {...原创 2020-04-13 16:02:49 · 3209 阅读 · 2 评论 -
flutter事件分发原理详解
不管是android,ios还是rn,js,一涉及到手势都会有事件的分发处理,像你在手机上点击了某个控件,手机是怎么交个这个控件处理的,同一时间内的事件是被不同的控件一起消耗还是被一个控件单独消耗,同时消耗会不会产生事件点击、滑动、抬起等的混乱。像典型的android的事件分发,它是从当前正在交互的Activity开始的,然后传递给view树的根View,再传到你自己布局的根view,开始一层...原创 2020-04-11 14:34:44 · 1552 阅读 · 0 评论 -
Flutter的UI渲染流程源码讲解
本篇文章意在讲解Flutter测量、布局和渲染和android的区别,了解了布局的渲染自己在flutter的自定义控件中才能如鱼得水,首先先从整个渲染的入口Mian.dart的main方法的runApp方法void runApp(Widget app) { WidgetsFlutterBinding.ensureInitialized() ..scheduleAttachRoot...原创 2020-04-08 18:03:10 · 1393 阅读 · 0 评论