
Flutter开发
文章平均质量分 50
Mr_tigerchou
这个作者很懒,什么都没留下…
展开
-
android编译错误AAPT: error: resource android:attr/lStar not found解决
最近flutter项目Android编译出现了错误,是突然之间编译不过,之前都是好的,错误信息如下:FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:processOfficialDebugResources'.> A failure occurred while executing com.android.build.gradle.internal.task原创 2021-09-03 13:01:00 · 35453 阅读 · 22 评论 -
30分钟学会Flutter动画开发
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数..原创 2021-06-07 20:33:44 · 1150 阅读 · 2 评论 -
flutter生成sha256用户签名的过程
class GenerateUserSign { static int sdkAppId = 123456; /* * 时间单位:秒 * 默认时间:7 x 24 x 60 x 60 = 604800 = 7 天 */ static int expireTime = 604800; static String secretKey = 'yourKey'; ///生成UserSig static genUserSign(String userId) {.原创 2021-06-07 14:44:19 · 1505 阅读 · 0 评论 -
Flutter系列之TextField限制数字输入
flutter的文本输入框TextField的设置项非常多,有时候会忘记怎么设置常用的输入限制项了,在这里罗列一下经常用到的一些设置项,免得大家去猜去记忆。原创 2021-06-04 14:36:12 · 9005 阅读 · 0 评论 -
Flutter系列之设置Dialog的宽度
Flutter中弹起对话框使用showDialog()函数,举个栗子:showDialog( context: context, builder: (context) { return Dialog( child: Container( color: Colors.white, width: 50, height: 300, child: Cent原创 2021-03-07 16:26:07 · 9216 阅读 · 2 评论 -
Flutter系列之设置Text文本的行高和间距
设置文本的行高和间距是很常见的操作,flutter中Text组件是通过设置TextStyle中的height来设置行高和间距的,让我们来看一下效果:class TextHeightTest extends StatefulWidget { @override _TextHeightTestState createState() => _TextHeightTestState();}class _TextHeightTestState extends State<TextHei原创 2021-03-06 22:04:21 · 28695 阅读 · 0 评论 -
Flutter系列之showDialog拦截返回键
Flutter中弹出对话框是使用showDialog函数,如果想拦截返回键,不想其点击返回键的时候消失,就要嵌套一层WillPopScope,示例代码如下:showDialog( context: context, barrierDismissible: false,//点击外部遮罩区域是否可以关闭dialog builder: (context) { return WillPopScope( onWillPop: () as原创 2021-03-06 20:56:18 · 3833 阅读 · 0 评论 -
flutter编译遇到unknown revision or path not in the working tree的错误
最近在Flutter的开发中,引入了几个第三方包,也就是插件,结果在iOS编译的时候,突然编译不过了,报错信息信息如下:Updating spec repo `cocoapods` $ /usr/local/bin/git -C /Users/zhouxp/.cocoapods/repos/cocoapods fetch origin --progress remote: Enumerating objects: 15, done. remote: Counting obje...原创 2021-03-03 23:12:30 · 7713 阅读 · 1 评论 -
Flutter系列之自定义实现圆角渐变进度条
flutter SDK提供的ProgressIndicator不支持圆角属性的设置,看起来不是很美观,系统自带的LinearProgressIndicator是这样的:这样的进度条显然无法满足UI设计师的要求,既然系统提供的进度条不支持圆角和渐变,那我们只能通过自定义view来实现了。先来看一下实现的效果:flutter是如何自定义view的呢,flutter提供两个类来实现自定义viewCustomPaint:在绘制阶段提供一个Canvas画布 CustomPainte...原创 2020-12-13 23:45:09 · 3054 阅读 · 2 评论 -
Flutter系列之设置TabBar的tab紧凑排列
我们在使用flutter的TabBar组件的时候会发现,TabBar当中的tab的是平分宽度的,因为TabBar中的tab是一个flex布局,如果你只有两三个tab,想让它紧凑排列,应该怎么办呢?要设置一个属性 isScrollable 为 trueTabBar( labelColor: Colors.black, labelStyle: TextStyle(color: Colors.black, fontSize: 14), unselectedLabelColor:原创 2020-12-01 22:39:07 · 10178 阅读 · 6 评论 -
Flutter系列之改变CupertinoSwitch的大小
在flutter中使用CupertinoSwitch,发现用Container无法改变它的大小,查看源码,发现它的宽高是有约束的。可以使用以下方式改变它的大小Transform.scale( scale: 0.8, child: CupertinoSwitch( value: _switchValue, activeColor: Colors.amberAccent, onChanged原创 2020-11-11 23:56:35 · 6115 阅读 · 1 评论 -
Flutter系列之自定义弹出dialog圆角
flutter自定义dialog是调用showDialog方法,return 一个Dialog或者Dialog的子类,如AlertDialog。默认Dialog是直角,如果要实现一个圆角的dialog如何做呢?看下图:实现方法:在Dialog下加一个shape属性,然后布局的Container加一个圆角DecorationshowDialog(context: context, builder: (context){ return Dialog( shape:原创 2020-09-13 21:28:11 · 3985 阅读 · 0 评论 -
flutter系列之自定义TabBar与PageView联动
TabBar + PageView可以说是flutter开发中的经典组合,所以谷歌也充分考虑了这一点,为开发者提供了非常轻松便捷的方式就可以实现TabBar和PageView的联动效果。说实话,原生开发TabBar + PageView还是比较麻烦的,但是flutter几行代码就可以搞定,而且还自带动画效果,还提供了很高的自定义方式。经典的TabBar是这样的:代码如下: TabBar( labelColor: Colors.blue,原创 2020-09-12 16:03:47 · 6700 阅读 · 1 评论 -
Flutter-pod repo update无法连接Failed to connect to GitHub to update the CocoaPods/Specs
flutter开发中的iOS版本是通过CocoaPods进行包管理的,类似于android的gradle。如果CocoaPods中的库太老了,编译运行的时候就会报错,提示你更新,报错信息如下:Error: CocoaPods's specs repository is too out-of-date to satisfy dependencies.To update the CocoaPods specs, run: pod repo updateError running pod ins.原创 2020-08-29 13:32:40 · 1146 阅读 · 0 评论 -
Flutter系列之Container宽度自适应
Container是flutter开发中最常用的组件,它有以下特点:1. 当Container没有child组件的时候,Container的宽高默认占满父控件,也就是全屏2.当Container有child组件的时候,宽高以child组件的宽高同等大小,也就是wrap_content当Container的child组件为Row或者Column的时候,要为主轴添加 MainAxisSize.min,否则Container在主轴上是铺满的。...原创 2020-08-02 22:33:12 · 48666 阅读 · 7 评论 -
Flutter系列之图片的声明和使用
图片或图标的展示和应用在app开发中是最基本的场景之一,今天讲一下Flutter图片的使用和加载方式。Flutter提供两个加载图片的组件,分别是AssetImage和NetworkImage,分别用于加载本地图片和网络图片。如果是加载本地资源图片,需要将图片的的名称加在pubspec.yaml文件中图片的声明:首先,在工程的根目录下面,创建一个images的目录,用于存放图片,图片的格式可以是png、jpg和webp,如图所示如果想不同屏幕分辨率使用不同的图,可以创建2x和3x的目原创 2020-08-02 12:56:17 · 1163 阅读 · 0 评论