flutter
我是刘成
一门技术不难,看你愿不愿意花时间去攻克
展开
-
flutter布局-5-Matrix4矩阵变换
目录Matrix4矩阵变化1、scale:缩放比例 transform: Matrix4.diagonal3Values(2, 10, 1),2、transform: 移动3、rotationZ:绕Z轴旋转4、rotationX:绕X轴旋转5、rotationY:绕Y轴旋转6、columns:设置一个新的矩阵7、compose:复合平移、旋转、缩放,形成新的状态8、copy:复制一个4*4的张量(...原创 2018-11-07 00:48:58 · 3553 阅读 · 0 评论 -
flutter seekbar 可拖拽可点击的进度条
flutter seekbarwechat :674668211 加微信进flutter微信群掘金: https://juejin.im/user/581206302f301e005c60cd2f简书:https://www.jianshu.com/u/4a5dce56807bcsdn:https://me.csdn.net/liu__520github : https://github...原创 2018-12-18 22:30:08 · 5959 阅读 · 0 评论 -
flutter跑马灯
flutter_marqueeflutter 插件flutter 跑马灯可以指定跑马灯的方向可以传入数组,可以是自定义的widget可以控制跑马灯的时间间隔控制点击事件等等效果图githttps://github.com/LiuC520/flutter_marquee引入:dependencies: flutter: sdk: flutter flutte...原创 2018-12-07 00:42:35 · 926 阅读 · 0 评论 -
flutter根据给定宽度自适应缩放字体大小
flutterautotextflutter 插件https://github.com/LiuC520/flutterautotext根据宽度自动缩放字体属性: text , //String 要显示的文字 width</font> , //doule 指定text的父容器的宽度,必须制定宽度minTextSize , //double 最小的字...原创 2018-11-29 23:03:44 · 4840 阅读 · 0 评论 -
flutter 自定义tab导航-顶部导航-底部导航
目录flutter_custom_bottom_tab_bar官方的tab导航,tabbar无法改变宽高,因此无法自定义TabContainerEachTabExampleflutter_custom_bottom_tab_bar和另外一个bottom_tab_bar的区别:https://github.com/LiuC520/flutter_bottom_tab_barbottom_ta...原创 2018-11-16 14:31:04 · 4320 阅读 · 0 评论 -
flutter 带未读消息的底部导航
目录**[flutter_bottom_tab_bar](https://github.com/LiuC520/flutter_bottom_tab_bar)**items : ```List```onTap : ```ValueChanged```currentIndex : ```int```type : ```BottomTabBarType ```fixedColor : ```C...原创 2018-11-16 14:30:10 · 6691 阅读 · 2 评论 -
flutter布局-6-MaterialApp
目录MaterialApp1、home:主页面2、routes:路由3、initialRoute: '/',初始路由4、onGenerateRoute: 生成路由5、onUnknownRoute: 未知路由6、navigatorObservers: 导航观察者7、builder: widget8、title:任务管理器显示的标题9、onGenerateTitle: 生成任务管理器显示的标题10、 ...原创 2018-11-08 19:47:38 · 364 阅读 · 0 评论 -
flutter布局-10-SliverAppBar随内容一起滑动的头部
目录MaterialApp先看下上图的具体用法1. title:标题2. actions:表示右侧的按钮的动作3. leading:表示左侧的按钮的动作4. flexibleSpace:5. backgroundColor: Colors.red,6. elevation: 10, //阴影的高度7.automaticallyImplyLeading: true,8.brightness :状态栏...原创 2018-11-11 13:11:59 · 5225 阅读 · 0 评论 -
flutter布局-9-appbar导航栏和状态栏
目录MaterialApp先看下上图的具体用法1. title:标题2. actions:表示右侧的按钮的动作3. leading:表示左侧的按钮的动作4. flexibleSpace:5. backgroundColor: Colors.red, //导航栏和状态栏的的颜色6. elevation: 10, //阴影的高度7.bottom :导航栏下面显示的widget8.brightness ...原创 2018-11-11 09:26:52 · 8492 阅读 · 0 评论 -
flutter布局-8-animated_icons动画图片
目录MaterialApp动画icons具体使用方法示例 github:flutterlayout https://github.com/LiuC520/flutterlayoutMaterialApp连载:flutter布局-1-column连载:flutter布局-2-row连载:flutter布局-3-center连载:flutter布局-4-container连载:[flut...原创 2018-11-11 09:26:11 · 1590 阅读 · 0 评论 -
flutter布局-7-About对话框
目录MaterialApp示例 github:flutterlayout https://github.com/LiuC520/flutterlayoutMaterialApp连载:flutter布局-1-column连载:flutter布局-2-row连载:flutter布局-3-center连载:flutter布局-4-container连载:[flutter布局-5-Matri...原创 2018-11-11 09:25:08 · 1065 阅读 · 0 评论 -
flutter布局-4-container
目录Container 容器1、alignment:对齐方式 Alignment2、padding: 内边距 margin:外边距 这两个一起讲了,具体的用法取值如下:3、color:颜色4、width:宽,height:高,不用讲了5、decoration:装饰的东东,具体的参数如下:6、foregroundDecoration: 同上面的Decoration一样,7、constraints:约...原创 2018-11-05 00:59:11 · 3378 阅读 · 0 评论 -
flutter布局-3-center
目录Center 居中的布局1、widthFactor:宽度因子2、heightFactor:高度因子Center 居中的布局连载:flutter布局-1-column连载:flutter布局-2-row只能有一个chlid,但是可以用container包含好多子child,继承自Align。用于将其子项与其自身对齐,并根据子级的大小自行调整大小。如果它的尺寸受到约束且[widthFa...原创 2018-11-04 16:47:57 · 1372 阅读 · 0 评论 -
flutter布局-2-row
目录Row1、mainAxisAlignment:主轴布局方式,row主轴方向是水平方向2、crossAxisAlignment: 交叉轴的布局方式,对于row来说就是垂直方向的布局方式3、textBaseline:字体的基线(基线这东西一直没搞懂,具体详见下一章Row,效果更明显,垂直方向没啥用,不明显)4、textDirection:文字布局方向5、verticalDirection:就是字c...原创 2018-11-04 14:39:21 · 595 阅读 · 1 评论 -
flutter布局-1-column
目录Column1、mainAxisAlignment:主轴布局方式,column主轴方向是垂直的方向2、crossAxisAlignment: 交叉轴的布局方式,对于column来说就是水平方向的布局方式3、textBaseline:字体的基线(基线这东西一直没搞懂,具体详见下一章Row,效果更明显,垂直方向没啥用,不明显)4、textDirection:文字布局方向5、verticalDire...原创 2018-11-04 13:53:56 · 1317 阅读 · 0 评论 -
flutter实现可缩放可拖拽双击放大的图片功能
### flutter_drag_scale```可缩放可拖拽的功能,可实现图片或者其他widget的缩放已经拖拽并支持双击放大的功能```我们知道官方提供了双击缩放,但是不支持拖拽的功能,我们要实现向百度地图那样可以缩放又可以拖拽的功能,官方的方法就不支持了。下面先演示下功能:参数只有两个:1、child ,是一个widget,可以是图片或者任意的widget2、do...原创 2019-02-19 21:25:34 · 4872 阅读 · 0 评论