
Flutter开发
xudailong_blog
徐代龙的新博客:http://blog.youkuaiyun.com/xudailong_blog
微信公众号:蛇崽网盘教程资源
展开
-
flutter 华为审核:你的应用存在隐藏最近任务列表中应用名称的问题,不符合华为应用市场审核标准
您的应用存在隐藏最近任务列表中应用名称的问题,不符合华为应用市场审核标准。请参考《审核指南》第2.7相关审核要求原创 2022-06-14 20:45:47 · 4951 阅读 · 7 评论 -
Flutter系统icon图标【全系列】
flutter系统图标,全系列原创 2022-05-12 12:30:00 · 11672 阅读 · 0 评论 -
Flutter升级后在Android studio上提示卡顿
背景: 32g台式机内存,amd 2700cpu,但是在Android studio上进行flutter 代码依旧感觉到卡顿,卸载重装了两次,依旧卡顿。无奈转vscode,奈何vscode用得还是效率不够高,经过某次搜索,尝试后,便记录之举例:在写下面child的时候,提示很慢,大概有个1s的样子,太慢了!!!Container( child: Text(''), color: Colors.yellow, )解决方法:机器没有问题,是Android stud原创 2022-03-15 17:35:33 · 3766 阅读 · 0 评论 -
使用vscode开发flutter常用快捷键【实用】
原是eclipse开发工具转过来的,习惯了eclipse的快捷键,在Android studio上开发flutter还是使用eclipse那一套,因为家里电脑原因,as常提示不出来,体验比较差,故转到vscode上,仅记以下常用快捷键1 导包[快速修复] Ctrl + .因为win的快捷键冲突了,所以需要设置一下快捷键【链接在这里】,2 删除一行 Ctrl + Shift + K3 整个文件查找* Ctrl + Shift + F4 找到所有的引用* Shift + f125 移动到定位处*原创 2022-01-02 23:29:55 · 3211 阅读 · 0 评论 -
flutter创建项目指定语言
每次新建Flutter项目都会去用命令来创建,因为不熟悉android的kottlin语言,每次都会抗拒一下,所以每次创建项目我都会选择去选用我熟悉的Java跟OC语言直接上方法:注意:现在flutter创建的项目默认是swift跟kottlin,如果想选择不同的语言可以按照下面的几种方法进行创建。1. Android使用kottlin,iOS使用Swiftflutter create -i swift -a kottlin flutter_hello2. Android使用Java,iOS.原创 2021-06-05 14:55:40 · 1652 阅读 · 3 评论 -
Flutter打包出现 ITMS-90078 Missing Push Notification Entitlement问题
关于使用Flutter 打包IOS一直出现ITMS-90078 Missing Push Notification Entitlement的问题解决方案。每次将Flutter应用上传到App Store Connect之后,都会收到以下电子邮件警告,而且都不能正常构建版本:**Dear Developer,We identified one or more issues with a recent delivery for your app, "{appName}" {version} ({bui原创 2021-05-04 16:19:08 · 2663 阅读 · 0 评论 -
高帧率手机 Flutter 列表慢慢拖动的时候会有明显的抖动
高帧率手机上,Flutter列表慢慢拖动的时候会感觉到明显的抖动现象,比如,一加手机输入的运行频率为120hz,而显示屏的运行频率为90hz。滚动时,这种不匹配会导致性能下降,google团队通过以下的方法来解决此问题。void main() { GestureBinding.instance.resamplingEnabled = true; run(MyApp());}...原创 2021-04-15 20:48:21 · 2189 阅读 · 0 评论 -
Flutter GetX 状态管理,路由管理,智能依赖注入
直接上网址:GetX关于GetXGetX 是 Flutter 上的一个轻量且强大的解决方案:高性能的状态管理、智能的依赖注入和便捷的路由管理。GetX 有3个基本原则:性能: GetX 专注于性能和最小资源消耗。GetX 打包后的apk占用大小和运行时的内存占用与其他状态管理插件不相上下。如果你感兴趣,这里有一个性能测试。效率: GetX 的语法非常简捷,并保持了极高的性能,能极大缩短你的开发时长。结构: GetX 可以将界面、逻辑、依赖和路由完全解耦,用起来更清爽,逻辑更清晰,原创 2021-02-28 21:22:37 · 1214 阅读 · 0 评论 -
zsh: command not found: flutter
因为苹果笔记本重新安装了系统,需要重新安装flutter环境,这里记录一下flutter在安装过程中出现的问题:问题如下: zsh: command not found: flutter解决步骤:1 打开open ~/.zshrc,2 如果没有就新建vim ~/.zshrc3 打开open ~/.bash_profile4 把bash_profile中的内容复制一份到zshrc文件中,如果bash_profile文件没有的花,就自己写一份关于flutter的环境配置,5 我的如下expo原创 2021-01-30 22:42:28 · 6240 阅读 · 3 评论 -
Could not locate device support files. This iPhone X (Model A1865, A1901, A1902, A1903) is running i
出现的问题如下:Could not locate device support files. This iPhone X (Model A1865, A1901, A1902, A1903) is running iOS 12.0 (16A5327f), which may not be supported by this version of Xcode.在开发Flutter项目中,使用IOS调试的时候发现,编译成功之后并不能成功安装在iphne x真机上。这里说一下:我的Xcode版本是12,ip原创 2020-12-03 23:13:54 · 1303 阅读 · 0 评论 -
flutter压缩图片上传
前言:在android原生中比较常用的是luban压缩,当然,flutter版本也有luban压缩,通过一些资料搜索,luban压缩是直接通过dart进行压缩的,在针对一些大图片,动不动就12-20m的图片,在部分旧手机的会直接出现闪退的情况。当然,上面说得可能也不一定正确,下面我自己使用的是pub上比较popular的插件:flutter_image_compress: ^0.7.0使用方式:pubspec.yaml 添加依赖,如下:使用命令:pub packages get在原创 2020-11-29 23:26:09 · 6814 阅读 · 0 评论 -
mac 下 vscode 通过wifi调试真机
前言:继续上一篇如何在mac 环境下安装adb,这一篇我们将在有adb环境下进行无线模式的调试在vscode下载插件:adb-interface-vscode如上图输入:adb com,然后在右边进行安装,注意看下面的使用步骤。使用步骤:1 真机连接电脑2 Run ADB: disconnect from any devices3 run ADB: reset connected devices port to:55554 adb: connect to device IP最后的结果就是原创 2020-11-21 22:46:46 · 1634 阅读 · 1 评论 -
Flutter高效开发之本地资源图片的引用
在继续上一篇原创 Flutter高效开发之封装Text后,我们再次封装了本地资源文件的引用操作。class MImage { static String getImgPath(String imgPath) { return 'libres/images/$imgPath'; } static Image assetImage(String imgPath, double width, double height, {BoxFit fit = BoxFit.scaleDo原创 2020-10-28 22:00:19 · 709 阅读 · 0 评论 -
Flutter高效开发之封装Text
Text在Flutter中是一个常用的控件,当每次编写一个文本时,我们需要写一大堆的样式,造成代码行数的增加,这里我简单的封装了一下Text。1 定义一个class文件,里面可以是多个控件的封装,这里我们封装了Text控件。class MBuilder{ static Text text(String text,{double size = 16,Color color,FontWeight weight =FontWeight.normal,int line = 1,TextAlign ali原创 2020-10-28 21:52:18 · 798 阅读 · 0 评论 -
flutter dio 请求方式为form-data遇到的问题
在网络中请求body中有三种方式:postbody,query,formdata,如下图:现在我们用的恰好是第一种方式。因为首次用这种方式,感觉也是比较坑,后面通过摸索,查看源码发现,需要用fromdata方式包装进去放到请求参数中。正确的做法应该是如下图:在初始化中进行数据格式的设置, static Dio _instance() { Map<String,dynamic> params = new Map(); if (dio == null) {原创 2020-10-25 22:40:06 · 6140 阅读 · 1 评论 -
flutter 图表插件之fl_chart
前言:之前很少接触图表功能,以为图表这种功能只能在H5上才能发挥得淋漓尽致,可谁曾料想,早有大神先把强大的chart图表功能给移植到flutter端上了,而且两端都可适用,下面给出网址:pub上:https://pub.dev/packages/fl_chartgithub上:https://github.com/imaNNeoFighT/fl_chart部分效果如下:附:在demo中跑不起来都项目都是耍流氓,建议先将demo跑起来,然后再根据自己的具体情况来使用。更多:如何写一个自己的原创 2020-10-25 22:26:56 · 7296 阅读 · 1 评论 -
flutter json_serializable 在线jsontodart解析网站
继续上两篇文章,Flutter json_serializable详细使用(小白教程),Flutter json序列化成对象工具第一种使用的优势是:在项目中脚本运行生成文件,比较方便,但是稍微有点不好的地方是,会生成两个文件。第二个,网址在有些情况下会访问不到,可能是因为墙的原因。故现在推荐第二个可用的网址,看样子是第二个网址的中文版,希望能一直访问下去。下面贴上网址:https://jsontodart.com/https://jsontodart.com/更多:如何写一个自己的小程序并上原创 2020-10-25 22:18:37 · 1413 阅读 · 0 评论 -
flutter 修改iOS app图标 名称
这里主要讲2点,一是 iOS app的图标尺寸大小,二 是如何修改iOS app图标以及名称iOS图标尺寸大小首先我们打开xcode,并打开项目,找到app图标的位置接下来我们可以看到图标下面有很详细的pt提示,这里的pt跟web的px像素差不多一个意思。上面圈出来的是iphone 通知,iphone 设置等等所需要用到的图标。 20pt 29pt 40pt就是尺寸大小。一直拖到最后会有一个1024x1024的图标,如何替换?在访达中打开相对应的图标,触摸板一个长按,一个拖动,直到拖到xc原创 2020-09-04 15:17:44 · 3184 阅读 · 0 评论 -
苹果iOS申请个人开发者账号注册教程
苹果个人开发者账号一年为99美元,即688人民币,现在的苹果开发者账号可以不用外国银行卡或者其他什么卡了,完全可以用微信/支付宝进行支付。(一)准备条件:1 app ID账号2 苹果手机一部(主要是用来身份验证)(二)开始注册:进入 苹果官网:https://appleid.apple.com在这里进行创建您的Apple ID,如果没有的话点击右上角,有的话,直接点登录,点击登录会出现以下一系列验证操作,输入我们的验证码,登录成功。(三)登录开发者账号平台:苹果开发者账号网址:.原创 2020-09-04 13:26:24 · 14778 阅读 · 0 评论 -
flutter webview 在iOS上不显示的问题
使用的插件是:webview_flutter: 0.3.22+1在android中可以正常显示,但是在ios端中既没有报错,又没有显示出来,后来查看插件使用说明才发现,忘记在ios端中端配置文件中进行配置了。此时我们需要在ios的runner中的info.plist中进行配置: <key>io.flutter.embedded_views_preview</key> <string>YES</string>如下图:更多:如何写一个自己的小原创 2020-08-31 17:02:39 · 3201 阅读 · 0 评论 -
flutter 获取当前时分
代码如下: static bool checkTimer() { DateTime now = new DateTime.now(); var h = now.hour; if(9<=h && h<=12){ return true; }else if(13 <= h && h <= 15){ return true; } return false; }更多:如何写原创 2020-08-15 22:09:07 · 1094 阅读 · 0 评论 -
flutter : Failed to find assets path for “Frameworks/App.framework/flutter_assets“
在运行Flutter 项目的时候跑IOS模拟器上白屏许久不见进入主页面,等了20分钟一点动静也没有,打开Xcode,查看日志发现:Failed to find assets path for "Frameworks/App.framework/flutter_assets",这里的问题主要上没有找到flutter——assets,经过查询知道是iOS工程项目中没有相应的依赖包,但是我们在访达里面是有的,这时候我们只需要把访达的文件添加进去就可以了。解决步骤:(一)查看下面两个文件是否存在,不存在就从其原创 2020-08-08 12:03:04 · 2447 阅读 · 1 评论 -
flutter_tools/gradle/app_plugin_loader.gradle‘ as it does not exist
背景:flutter 1.17.hotfix5因为使用flutter crate 来创建新项目的,在之前的windows电脑能够正常运行,但是在mac电脑上死活运行不上去,查了很久,github上也查看了相关issuer,发现解决问题的方法还是视情况而定吧。这里给出两种解决方法:1 github上的解决方法:$ rm android/settings.gradle$ flutter create .2 我自己的解决方法:先删除settings.gradle 文件,然后从以前能运行起原创 2020-08-01 12:31:55 · 3404 阅读 · 0 评论 -
flutter 防止widget rebuild(亲测有效2020篇)
相比这个问题很多开发着都已经遇到了,头疼了很久了吧。我也是,网上搜到各种方法,试了还是不行。下面我举一下场景:跳转场景:页面A --> 页面B --> 页面C —> 页面D从上面简单都例子,我很悲催的告诉大家不管我从哪个页面跳哪个页面,从B->C 或者C->D页面,页面A都会被重新rebuild,不管是从C->D,或者是D-C页面都会刷新,不管是销毁其他页面还是打开新都页面,页面A都会刷新。好了,上面就是我所遇到的情况,这个情况从开发困扰到现在,一直到原创 2020-06-08 22:49:22 · 2050 阅读 · 0 评论 -
Flutter 屏幕适配flutter_screenutil使用心得
前言:首先屏幕适配这一块在原生方面深有体会,android的屏幕碎片化因为机型,屏幕大小从小屏幕手机到大屏幕手机再到平板。有着很大到差异,flutter官网是一款很适合做UI的跨平台框架,目前受到越来越多的开发者和公司的青睐,在适配方面已经做了很大的改变,可以说基本上不用做太多的屏幕适配,可谁料想,还是需要稍微做一点的屏幕适配。这就引出了下面的flutter_screenutil插件。(一)...原创 2020-04-18 23:27:25 · 16922 阅读 · 6 评论 -
Flutter permission_handler 权限插件的使用
编译环境:Flutter 版本v1.12.hotfix9 dart SDK:2.7.21 pubspec.yaml中引入: # 权限 permission_handler: ^3.2.0ios中info.plist配置(根据权限情况使用): <!-- Permission options for the `location` group --> ...原创 2020-04-12 20:50:31 · 5892 阅读 · 0 评论 -
flutter 相机加入mask(遮罩层)
实现效果:实现的效果如上图,这里我们可以在中间加入一个遮罩层,中间的那个人的头像。使用的插件也是目前第一次遇到过的,先放上地址:pub地址:https://pub.dev/packages/camera_camera更多文章查看个人主页:Github搭建个人博客(2019最新版,亲测)使用步骤:1 导入:2 android 清单文件中配置:<activityandroi...原创 2020-04-12 20:28:12 · 3807 阅读 · 1 评论 -
Flutter 自定义年月日倒计时
因项目中的订单页需要一个定时器,比如下单后需要进行倒计时,等倒计时完后,订单状态自动关闭。如图:这里显示等17分25秒就是我们所需要做的功能。项目里还有其他倒计时类型,比如年月日,天之类的,先上一个工具类://时间格式化,根据总秒数转换为对应的 hh:mm:ss 格式 static String constructTime(int seconds) { int day = ...原创 2020-03-29 18:25:31 · 1581 阅读 · 0 评论 -
Flutter dialog嵌套ListView
实现效果如下:这里主要是实现弹框中的内容,因为不确定个数,又不能限制死宽高,百度了很久,搜了都是给定了一个宽高实现都,索性自己试了又试,终于弄了出来,故特意记录一下,粗略代码如下:代码:////// 功能:/// 描述:运费规则dialog/// crated by xudailong on 2020/3/8.///class OrderFreightDialog extends...原创 2020-03-29 17:54:43 · 2430 阅读 · 2 评论 -
flutter 自定义微信/支付宝密码输入框
如图:项目需求需要实现以上效果思路解析:1 可以用dialog来实现2 可以用一个新statfulWidget实现因为不大熟悉dialog,故用了一个新的statefulWidget来实现页面效果,直接上代码:////// 功能:/// 描述:设置密码弹框功能/// crated by xudailong on 2020/3/10.///class MineDestoryS...原创 2020-03-28 15:02:34 · 2684 阅读 · 2 评论 -
Flutter json序列化成对象工具
之前有json_serelizable自动生成工具,可是需要在pubspeck.yaml文件中继承,同时还需要在粘贴板粘贴一下,还生成两个文件。这里直接无私的分享出一个网址,直接在面板中就可以生成一个bean类了,放上网址;JsontoDart这个生成的工具不需要在android studio中配合使用任何插件,也不需要用到命令。直接在控制面板中生成即可。如果你觉得好用,可以点赞评论让更...原创 2020-03-15 22:38:46 · 594 阅读 · 0 评论 -
Flutter 找不到或无法加载主类 org.gradle.wrapper.GradleWrapperMain
在工作开发中,因为涉及到版本控制,很多android配置文件不小心删掉了。各种报错,也是心累。在这次编译运行过程中出现了以下问题:找不到或无法加载主类 org.gradle.wrapper.GradleWrapperMain从错误信息来看,是gradle文件出现了问题,但是具体不清楚哪里出现了问题,因为整个项目并没有报错。通过网上各种搜索,原来是少了gradle-wrapper.jar文件...原创 2020-02-21 10:38:29 · 1640 阅读 · 0 评论 -
Flutter 扫描插件开发qrscan
首先在pubspec.yaml中集成:dependencies: qrscan: ^0.2.17在androd清单文件中加入以下权限:<uses-permission android:name="android.permission.CAMERA" /><uses-permission android:name="android.permission.WRITE_EX...原创 2020-02-20 22:28:19 · 3538 阅读 · 2 评论 -
Flutter 出现Could not download groovy-all.jar (org.codehaus.groovy:groovy-all:2.4.15)
在一次代码拉取中,出现了以下问题:Could not download groovy-all.jar (org.codehaus.groovy:groovy-all:2.4.15)详细的报错信息如下:// 报错信息如下Could not resolve all files for configuration ':jcore-react-native:lintClassPath'.> ...原创 2020-02-20 20:38:04 · 8505 阅读 · 2 评论 -
Flutter FishRedux使用步骤(个人整理,仅供参考)
对于FishRedux这么多文件还是记不住怎么用的,你可以强制让自己念如下几遍。FishRedux共action、effect、page、reducer、state、view六个文件,其中还有conponent、adapter等,这里我们暂时先不记。重要的类说三遍:重要的类说三遍:重要的类说三遍:以下的内容熟记并背住它action:一系列的操作、事件发生都在这里,包括动作跳转,网络...原创 2020-02-17 23:04:33 · 1357 阅读 · 0 评论 -
Flutter CustomScrollView要点
在上篇文章中我们学了SingleChildScrollView这个滑动控件,现在我们学习一下CustomScrollView这个控件。CustomScrollView这个控件是针对多个滚动布局的组件,比如顶部一个GridView,底部又来一个ListView,而要求两个界面具有联动性,如果是单纯的GridView跟ListView的话,这时候并不能保证一致的滑动性,比如,GridView滑动完L...原创 2020-02-08 19:44:03 · 1090 阅读 · 0 评论 -
Flutter SingleChildScrollView要点
知识要点:SingleChildScrollView类似Android中的ScrollView,只接收一个子组件。SingleChildScrollView({ this.scrollDirection = Axis.vertical, //滚动方向,默认是垂直方向 this.reverse = false, this.padding, bool primary, t...原创 2020-02-08 15:13:31 · 1969 阅读 · 0 评论 -
Fish Redux快速创建插件FishReduxTemplate详细使用及遇到的问题总结
首先打开androis studio的plugins,找到marketplace,如下图。点击install,下载完成后点击restart,如下图先建page:这里可以先选择一个文件夹,然后在选中的文件夹上右键new,再选中FishReduxTemplate模版。我们这里先暂时选择page,除了page之外还有component、adapter等,这里我们先用page,如下我们命...原创 2020-02-02 16:11:33 · 1355 阅读 · 1 评论 -
Fish Redux系列学习之认识effect、reducer
继续前面两篇文章:Fish Redux系列学习之初探Fish Redux系列学习之新建page以及认识stateFish Redux系列学习之认识view、action这次我们学习剩下的两个effect、reducer。先上一下page中的截图effect:在SplashPage中effect里的方法内容用的并不多,先贴个代码上来import 'package:fish_redu...原创 2020-02-02 14:32:03 · 2118 阅读 · 2 评论 -
Fish Redux系列学习之认识view、action
继续上一篇文章:Fish Redux系列学习之新建page以及认识state如上图,现在我们学习的是buildview这个组件,说白了,buildView是我们写页面的地方,跟写普通flutter的page页面一样,我们将页面都写在这里面。View部分:view部分的代码:import 'package:fish_redux/fish_redux.dart';import 'pack...原创 2020-02-01 20:47:19 · 873 阅读 · 0 评论