文章分类 -  跨平台 / Flutter / Flutter小技巧总结

Flutter小技巧总结之flutter 适配宽高,字体
摘要:一,前言: 现在的手机品牌和型号越来越多,导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同,比如我们的设计稿一个View的大小是300px,如果直接写300px,可能在当前设备显示正常,但到了其他设备可能就会偏小或者偏大,这就需要我们对屏幕进行适配。 安卓原生的话有自己的适配规则,可以根 阅读全文

posted @ 2019-08-18 05:59 梁飞宇 阅读(6927) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之dart/flutter 中的代码规范
摘要:一,概述 官方规范文档 官方代码规范:dart语言官方有自己的代码规范和相关的说明,在dartlang官网上,英文好的建议阅读原文 官方连接地址: https://www.dartlang.org/guides/language/effective-dart/style 正文文档中图片的说明 绿色部 阅读全文

posted @ 2019-08-18 05:34 梁飞宇 阅读(1255) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之时间戳转具体日期
摘要:一,需求场景 当后台时间戳返回给前端时,前端要把时间戳转化为具体的时间,这个很简单,使用DateTime方法就行。但是由于dart的时间戳要求是13位的,而后台返回给我们的可能是10位的,这样就会造成转化的日期不对。 二,解决方法 这时就需要我们把10位,补成13位。 三,示例方法 阅读全文

posted @ 2019-08-18 03:34 梁飞宇 阅读(5619) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之去除右上角Debug标签
摘要:一,问题场景 如何去除右上角Debug标签 二,解决办法 在MaterialApp初始化的时候,设置debugShowCheckedModeBanner: false即可: 三,示例代码 阅读全文

posted @ 2019-08-18 03:23 梁飞宇 阅读(1482) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之网络请求前的界面展示
摘要:一,问题场景 我们在flutter搭建工程的时候,网络请求数据会后于界面展示,这时如果网络请求为完成前,数据源为null时,就会造成程序崩溃。 二,解决办法 我们可以先判断数据是为null,如果为空,我们显示预留界面,等网络数据请求完成,我们更新数据源。 三,代码示例 阅读全文

posted @ 2019-08-18 00:08 梁飞宇 阅读(1193) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之r图片即使设置了fit: BoxFit.cover不满屏的坑
摘要:一,问题场景: 在轮播图的时候由于要加一个立即体验的按钮,所以使用了Stack下面包含Container和Align,发现即使Image.asset中设置了fit: BoxFit.cover,一直不满屏, 二,解决办法: 在Image.asset增加 width: double.infinity h 阅读全文

posted @ 2019-08-01 00:08 梁飞宇 阅读(1207) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之Dart数值类型和字符串类型互相转换
摘要:一,数值类型和字符传类型 数值类型 int 整数类型 double 浮点数类型 字符串类型 String 字符串 二,互相转换的方法 字符串转int数值类型 var a = int.parse('1234'); //把字符串 1234 转换成 数值 1234 print(a is int); //判 阅读全文

posted @ 2019-07-31 23:47 梁飞宇 阅读(8535) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之关于 Flutter的Button按钮设置高度,和宽度
摘要:一,概述 flutter 里面 RaisedButton、FloatingActionButton、FlatButton、OutlineButton 中四个button都无高度和宽度设置。 二,实现方法 第一种方法:没有高度,宽度就用一个有高度的 View 来加载 Container, new Co 阅读全文

posted @ 2019-07-31 23:40 梁飞宇 阅读(21775) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之Flutter设置Container背景图片
摘要:问题场景一?设置背景颜色的话我们可以在containerd的decoration中设置color即可,但接添加属性,如果设置背景图片呢?(备注:decoration和color不能同时出现) 解决方法 new Container( // 控件高度 constraints: new BoxConstr 阅读全文

posted @ 2019-07-31 23:33 梁飞宇 阅读(20908) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之Flutter开发中的几个常用函数
摘要:/** 返回两个日期相差的天数 */ static int daysBetween(DateTime a, DateTime b, [bool ignoreTime = false]) { if (ignoreTime) { int v = a.millisecondsSinceEpoch ~/ 8 阅读全文

posted @ 2019-07-30 00:12 梁飞宇 阅读(385) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之ListView如何添加HeaderView和FooterView
摘要:一,概述 做过Android开发的同学知道,Android的ListView提供addHeaderView和addFooterView两个方法用于添加View到ListView;RecyclerView则通过定义不同的ItemType区分HeaderViewItem和普通的ListItem,在Ada 阅读全文

posted @ 2019-07-30 00:05 梁飞宇 阅读(1335) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之Map<String, dynamic> 、List<String> a-z 排序
摘要:字符串从 a-z 排序。 Map<String, String> map = XXX, List<String> keys = map.keys.toList(); // key排序 keys.sort((a, b) { List<int> al = a.codeUnits; List<int> b 阅读全文

posted @ 2019-07-29 02:44 梁飞宇 阅读(4963) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之数值类型和字符串类型互相转换
摘要:互相转换的方法 var a = int.parse('1234'); //把字符串 1234 转换成 数值 1234 print(a is int); //判断是否转换成功 //输出 ture var b = double.parse('1234.12'); //把字符串 1234.12 转换成 数 阅读全文

posted @ 2019-07-29 02:41 梁飞宇 阅读(3862) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之MD5加密
摘要:dart有内置的md5加密包,先引入头文件: dart有内置的md5加密包,先引入头文件: md5加密方法 md5加密方法 阅读全文

posted @ 2019-07-29 02:38 梁飞宇 阅读(2980) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之叠式布局插入底层组件
摘要:一,遇到的问题 当我们通过数组迭代创建叠式布局组件时往往底层视图,不好插入。我们可以定义模型,定义一个字段判断是否正在创建底层组件。 二,示例代码 阅读全文

posted @ 2019-07-29 02:19 梁飞宇 阅读(208) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之Dart语言typedef的用法
摘要:一,关于的typedef官方定义 官方说明: In Dart, functions are objects, just like strings and numbers are objects. A typedef, or function-type alias, gives a function 阅读全文

posted @ 2019-07-20 22:26 梁飞宇 阅读(8811) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之GridView设置宽高
摘要:一,问题场景 我们在使用GridView的时候 child在列表中所占大小宽高是一致的,但是往往我们需求不是的。 二,解决办法 三,示例 我们只需要设置对应的宽高比就可了 阅读全文

posted @ 2019-07-20 22:16 梁飞宇 阅读(8694) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之SingleChildScrollView里面嵌套Column和ListView时候者滑动冲突
摘要:一,问题场景 ScrollView嵌套ListView滚动冲突 二,解决办法 禁用ListView的滑动 三,示例 阅读全文

posted @ 2019-07-20 22:12 梁飞宇 阅读(6279) 评论(0) 推荐(0) 编辑

Flutter小技巧总结之SingleChildScrollView里面嵌套Column和ListView时候,ListView不显示
摘要:一,问题场景 shrinkWrap多用于嵌套listView中 内容大小不确定 比如 垂直布局中 先后放入文字 listView (需要Expend包裹否则无法显示无穷大高度 但是需要确定listview高度 shrinkWrap使用内容适配不会有这样的影响) 二,解决办法 设置ListView/G 阅读全文

posted @ 2019-07-20 22:10 梁飞宇 阅读(6799) 评论(0) 推荐(0) 编辑

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

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