加载中
flutter 简单封装一个滑动监听回调

很多 App 都有监听滑动事件来改变 AppBar 颜色,或者 AppBar 的字体颜色,亦或者是其它控件的渐变,缩放等值。我看 Flutter 并没有详细的监听事件。于是自己写了一个。效果如下: 定义回调 ...

10/25 09:10
140
Flutter Android小米推送集成

Flutter 小米推送集成 最近 Flutter 项目需要集成推送,IOS 还好,Android 需要接入各个厂商的推送通道。可谓一步一坑,有时候真的是边看文档边骂。不过还好,含泪填坑后,最终集成了华为,小...

ExpansionTile控件仿QQ分组案例

ExpansionTile 控件 title:主标题控件。 leading:标题左侧控件。 backgroundColor:展开时的背景颜色。 children:子控件 s。 trailing :右侧的控件,默认为箭头。 initiallyExpanded:初...

09/20 09:30
91
Flutter零碎的tips(一)

有些知识点经常用,但有时着急的时候就是想不起来,还是记录一下。 InkWell 水波纹会超出 Container 的圆角 把 InkWell 与 Container 设置同样的圆角. InkWell( onTap: (){ print("点击事件"...

08/30 09:21
32
Flutter截图控件RepaintBoundary案例(一)

记录一下 RepaintBoundary 控件的简单使用。这个控件能帮我们实现截图的功能,你想截哪个控件的图,直接用 RepaintBoundary 把该控件包起来即可。 关键代码 点击截图按钮所做的事: 该代码通...

08/23 09:30
1.5K
相见恨晚的Dart扩展方法

Dart 扩展方法 今早无意间看到了 Dart 居然也支持 Api 的扩展,感觉就好像发现了新大陆,之前写的好多转换方法都可以换一个更简洁,更优雅的写法。 这么好的点当然要记录一下,同时也分享给各...

Flutter控件之Text常见属性...

Text 构造方法 Text( this.data, {//显示的内容文本 Key key,//控件标识 this.style,//风格样式;字体;字体大小;行高之类 this.strutStyle,//... this.textAlign,//对齐方式 this.textDirecti...

2019/07/12 22:10
0
Flutter之CustomPainter时钟绘制

无意间在网上看到下图的绘制效果,便想着画一个时钟,正好学习一下,先上图。 环形圆 时钟 请大家忽略那个可恶的数字“0”。。。 环形圆关键代码 @override void paint(Canvas canvas, Size...

2019/07/18 23:37
37
​Flutter控件之Container记录

构造方法 Container({ Key key,//当前widget标识 this.alignment,//子控件在容器内的对齐方式 this.padding,//内边距 Color color, //容器的背景颜色 Decoration decoration,//置背景图片、圆...

2019/07/29 21:09
0
Flutter 之贝塞尔曲线(一)

贝塞尔曲线简介 bezier1.png 由上图可以看出:A,C依据控制点B不断的取点使得AD:AB=BE:BC=DF:DE,构成一个二阶贝塞尔曲线。AD:AB的变化取值范围便是[0,1], 所以要在范围t[0,1]内描述下图 bezi...

2019/09/18 10:44
31
Flutter贝塞尔曲线之水波纹与球形进度(二)

续上篇,再用贝塞尔曲线绘制一个循环水波纹,一个水波纹进度球,先看效果,以下效果的实现用的都是二阶贝塞尔曲线。 效果图 bezierShow4.gif bezierShow3.gif 我们先实现简单的循环水波纹绘制,我...

2019/09/25 08:06
92
Flutter控件之Stack

Stack组件相当于Android布局里面的帧布局,是一种叠层式布局,组件覆盖组件,通常和Positioned组件连用。以下是其构造方法: Stack({ Key key, //子控件的对齐方式 this.alignment = Ali......

2019/10/24 19:36
15
Flutter国际化实现记录

本文记录Flutter实现国际化的两种方式,本质上来说是一种,只不过后面一种是用插件实现的,更便于管理。 普通的国际化方式 添加flutter_localizations依赖 flutter_localizations: sdk: flut...

Flutter控件之MaterialApp和Scaffold

MaterialApp 见名思其意,材料设计类型的App,在安卓5.0正式加入一些材料设计类型的组件之后,App风格也越来越趋向于材料设计类型。MaterialApp就是符合材料设计理念的App框架级Widget。它其实也...

从源码了解Widget、Element、RenderObject

Flutter是怎么构建一个视图页面的,Widget是如何绘制到屏幕上的,这涉及到三棵树: Widget Tree Element Tree RenderObject Tree Flutter入口函数为main()函数 void main()=> run(new MyApp(...

2019/11/15 17:47
0
InheritedWidget的运用与源码解析

InheritedWidget 源码定义 /// Base class for widgets that efficiently propagate information down the tree. /// To obtain the nearest instance of a particular type of inherited wi...

2019/11/29 17:35
13
Flutter—BLoC的介绍使用与封装

BLoC 其全称为 Business Logic Component,表示为业务逻辑组件,简称 BLoC。从其名字来看感觉和业务逻辑有关系。由下图 看出,BLoC 是独立处理业务逻辑,网络数据请求等等逻辑的一个模块,通过...

Flutter 动画示例之呼吸灯效果

效果图 代码 class MutipleWidget extends StatefulWidget { final double bigRadius; final Color color; final String label; const MutipleWidget({Key key, this.bigRadius, this.color...

2019/12/13 19:38
859
Flutter 插件开发实践(一)

工具 Flutter 1.9.1 AndroidStudio 3.5.3 XCode 11.2.1 新建一个 名为 flutter_plugin_demo 的 Flutter 工程,以下称为主工程。 Android 部分插件开发 右键工程名,新建一个名为 flutter_pl...

Flutter 插件开发之自动安装Apk(二)

Flutter 自动安装 Apk 关于 AndroidX 的适配,以添加 Apk 自动安装功能为例 在 gradle.properties 中添加: android.useAndroidX=true android.enableJetifier=true 在 build.gradle 中添加:...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部