- 博客(31)
- 收藏
- 关注
RSS订阅
原创 Flutter仿抖音点击进入直播间按钮动画实现
利用flutter仿抖音’点击进入直播间’动画效果效果图：对于这个widget 已经封装成插件 供大家依赖使用askai_animation_button: ^last version组件的一些必选属性：const KaiAnimationButton( {Key? key, required this.text, //按钮内文字 required this.innerCircleColor, //内圈的颜色渐变 List类型[begin,end]
2021-11-16 14:59:59
2316
原创 Flutter与原生双向通信BasicMessageChannel(IOS暂未测试)
Flutter与原生双向通信BasicMessageChannel(IOS暂未测试)Flutter与原生相互通信的3种方式MethodChannel：实现Flutter与原生（Android,IOS）双向通信BasicMessageChannel：实现Flutter与原生（Android，IOS） 双向通信EventChannel：实现原生（Android，iOS）向Flutter发送消息Demo基础功能实现目标：实现调用原生方法并进行回调显示Android手机当前电量首先在Flut
2021-02-25 18:53:39
1533
4
原创 flutter 简单集成第三方腾讯QQ分享/登录
flutter 集成腾讯QQ分享登录原创：@As.Kai博客地址：https://blog.csdn.net/qq_42362997如果以下内容对您有帮助，点赞点赞点赞~项目内容： 当前环境监测（当前设备中有没有qq或者TIM） 登录 获取用户信息 获取UnionID 分享说说 文本分享 网页分享 图片分享首先需要在腾讯开放平台申请一个开发者账号并且添加应用授权腾讯开放平台：https://open.tencent.com/位置信息要填写具体到X栋X号 不然很容易审
2021-02-01 16:29:20
4333
6
原创 flutter 实现底部选择弹窗详解
flutter 实现底部选择弹窗详解（IOS自测）使用flutter自带组件：showModalBottomSheet()废话不多说，直接上示例代码：//出现底部弹窗showModalBottomSheet( context: context, //自定义底部弹窗布局 shape: new RoundedRectangleBorder( borderRadius: BorderRadius.only( topLeft: Radius.circular(20.
2021-01-06 17:23:08
4511
原创 Flutter实战篇(1):使用第三方极光认证一键登录
Flutter实战篇(1):使用第三方极光认证一键登录需求场景????在项目中有时会碰到需要手机号一键登录的需求，那么我们可以利用第三方极光平台的认证模块进行集成。实操Let’s Go首先导入第三方官方插件：jverifyjverify : ^2.1.6这是当前最新版本，需要查看最新版本可点击插件查看如文章对您有帮助请一键三连~有条件的请我喝杯咖啡也不戳????//按照官方文档进行相对应配置：// 在 /android/app/build.gradle 中添加下列代码： andr
2021-10-09 16:41:13
2200
4
原创 使用M1芯片mac时运行pod install时崩溃（解决办法）
使用M1芯片mac时运行pod install时崩溃（解决办法）场景再现：如果您是M1，并且第一次使用mac跑ios端应用使用pod install进行插件下载依赖时崩溃那么恭喜您，此篇文章大概率能解决您的问题崩溃图片：在网上找了许多文章解决办法无果，最后经过斗智斗勇300多个回合…终于解决了崩溃原因是m1芯片问题废话不多说上解决方案解决方案命令行输入命令：1.sudo arch -x86_64 gem install ffi2.在您ios项目路径下输入命令arch -x8
2021-09-02 18:14:51
1188
原创 Flutter实现返回键两次退出app
逻辑：比对两次返回时间需要用到WillPopScope组件 捕捉返回事件实现：return new WillPopScope( child: //////////, onWillPop: () async{ // 点击返回键的操作 if(lastPopTime == null || DateTime.now().difference(lastPopTime) > Duration(seconds: 2)){ .
2021-07-26 10:34:45
2807
原创 Flutter Android修改本地app版本
Flutter Android修改本地app版本首先我们找到Android下的local.properties文件 进行修改找到最后这两项 比如我们现在要加一个版本就改成flutter.versionName=1.0.2 flutter.versionCode=3即可在这里改完之后还没结束打开项目级下pubspec.yaml文件 就是我们配置依赖 配置公共资源的文件同理增加一个版本为：version: 1.0.2+3接着打包apk即可如果文章对您有帮助请自行mark关注我，一起成
2021-04-30 16:38:03
1022
1
原创 Flutter_Provider状态管理 5.0.0基础使用详解
Flutter_Provider状态管理 5.0.0基础使用详解provider已经更新到了5.0.0 之前刚用的时候还是1.0.3版本5.0.0是至今为止的最新版本贴出pub.dev 的provider地址闪现 可随时查看最新版本。5.0.0版本很多方法都改变了 原来1.0.3版本的基本上全废除了我们来看看怎样基础使用第一步导入依赖：导入好之后 我们进入main 主函数入口：在runApp()方法内 我们加入ChangeNotifierProvider(create: (Bui
2021-04-30 16:27:30
1025
1
原创 Flutter2.0 desktop桌面应用的入门开发
Flutter2.0 desktop桌面应用的入门开发准备条件：首先在一个项目中打开命令行 定位到当前项目位置让你的项目支持桌面应用flutter config --enable-linux-desktopflutter config --enable-macos-desktopflutter config --enable-windows-desktop支持了之后接着命令行输入flutter devices查看当前可运行Flutter的devices出现了desktop就说明项目
2021-04-27 12:44:26
1954
2
原创 Flutter开发中一些dart语法自用笔记
Flutter开发中一些dart语法自用笔记文章目录Flutter开发中一些dart语法自用笔记变量final与const内置的类型Numbers（数值）Strings（字符串）Booleans（布尔值）Lists（列表）Maps（映射集合）Runes（用于在字符串中表示Unicode字符）Symbols操作符赋值操作符条件表达式级联操作符安全操作符博客地址：https://blog.csdn.net/qq_42362997如果以下内容对您有帮助，点赞点赞点赞~变量变量是一个引用,未初始
2021-03-31 10:39:53
325
原创 【New】Flutter2.0 新特性
Flutter2.0 新特性在3月4日上午9:30直播当中，Flutter团队公布开放了Flutter2.0.0 States版本。从此Flutter正式走向了2.0版本以下为不知道怎么下载并使用2.0版本小白而生，如果您已经知道，请滑动至底部新特性！现在来说说怎么下载并且使用最新2.0Flutter传送门（这个进不去的话可以进咱们的中文网）传送门(中文网)下载完之后会给到你一个压缩包，将压缩包你自己指定放到哪里记住这个路径，我们接着返回电脑桌面鼠标选中此电脑右键=>管理
2021-03-09 11:26:28
820
原创 Flutter event_bus基础使用
Flutter event_bus基础使用（小白看了用脚也会写）原创：@As.Kai博客地址：https://blog.csdn.net/qq_42362997如果以下内容对您有帮助，点赞点赞点赞~首先 最基础必要条件导入依赖：event_bus: ^1.1.1最新pub版本点我查看此篇文章实现订阅用户是否登录 来通知所有发布者实现场景：监听用户的登录状态步入正题：使用前须知：event_bus能够通过事件总线进行通信，分为发布者/订阅者发布者能够触发事件，订阅者能够监听事
2021-02-24 15:32:32
558
原创 解决Flutter项目无报错运行时assembleDebug报错(64K错误)
解决项目无报错运行时assembleDebug报错(64K错误)原创：@As.Kai博客地址：https://blog.csdn.net/qq_42362997如果以下内容对您有帮助，点赞点赞点赞~报错信息：* What went wrong:Execution failed for task ':app:mergeDexDebug'.> A failure occurred while executing com.android.build.gradle.internal.task
2021-02-01 11:17:43
668
原创 Flutter对接第三方高德地图+百度地图基础定位实现
Flutter对接第三方高德地图+百度地图基础定位实现原创：@As.Kai博客地址：https://blog.csdn.net/qq_42362997如果以下内容对您有帮助，点赞点赞点赞~高德地图：首先导入高德地图定位功能依赖包：#高德地图定位集成amap_location: ^0.2.0最新依赖包版本查看：传送门配置：在app下build.gradle中添加配置android { .... 你的代码 defaultConfig { .....
2021-01-21 18:32:03
938
4
原创 Flutter对接第三方极光推送实现基础本地推送
Flutter对接极光推送实现基础本地推送原创：@As.Kai博客地址：https://blog.csdn.net/qq_42362997如果以下内容对您有帮助，点赞点赞点赞~首先导入依赖包需要导入极光推送依赖包：#极光推送JPushjpush_flutter: ^0.6.2#接着pub get最新pub版本查看：传送门配置方面：在android/app/build.gradle中添加一些配置android: { .... defaultConfig {
2021-01-21 18:24:02
491
原创 Flutter图片选择 image_picker（官方）插件使用详解
Flutter图片选择 image_picker（官方）插件使用详解（IOS自测）image_picker GitHub最新版本查看:https://github.com/flutter/plugins下滑找到image_picker可以看到最新版本首先导入依赖：# 图片选择器image_picker: ^0.6.7+17如何使用：直接上代码：//实例化选择图片final ImagePicker picker = new ImagePicker();//用户本地图片File
2021-01-06 17:12:39
12165
11
原创 Flutter详解如何配置本地图片资源
Flutter详解如何配置本地图片资源如何配置在主项目目录下新建文件夹：images目录大致结构flutter项目：imagesstart.gifykStudio.pnglib将图片资源复制进images中然后在pubspec.yaml文件中进行配置：找到他大概50多行 会有一个被注释的#assets:#- XXXXXX#- XXXXXX把这三个注释解开就行 XXX文件改成你自己的图片名字加后缀注意：解开之后这三行或多行的前面都删减一个空
2021-01-06 11:18:22
1234
1
原创 【详解】Flutter之全局状态管理Provider
【详解】Flutter之全局状态管理Provider@authorAs.Kai首先导入依赖provide: ^1.0.2最新版本可上pub上查看最新版本导入后 在lib文件夹下创建状态管理Provide：官网示例：创建一个管理静态页面 数据++ Demoeg:在provide文件夹下创建counter.dart文件:import 'package:flutter/cupertino.dart';class Counter with ChangeNotifier
2020-12-23 11:14:35
775
原创 Flutter控制某个TextField获取焦点以及失去焦点
Flutter控制某个TextField获取焦点以及失去焦点首先交代一下使用场景点击某个控件使文本框获取焦点 弹出输入法我们可以直接使用FocusScope.of(context).requestFocus()来实现获取焦点实现获取焦点首先需要先定义一个FocusNodeFocusNode _commentFocus = FocusNode();//在TextField中绑定TextField( focusNode: _commentFocus,),获取焦点获取焦点当点击时用
2020-12-21 16:06:12
3810
3
原创 【AsKai】Flutter请求数据通过数据模型（Model）
Flutter请求数据通过数据模型（Model）拿到json数据后 在bejson网站中格式化一下 方便观察传送门然后新建一个model文件夹存放数据模型数据模型格式：class XXX{ String XXX; String XXX;类型按后台的为主 XXX(this.XXX,this.XXX); 如果父类为Map XXX({this.XXX,this.XXX});//工厂模式 factory 你的类名.fromJson(
2020-12-21 12:20:35
1228
转载 【AsKai】Flutter捕获用户退出app弹框提示
Flutter捕获用户退出app弹框提示使用WillPopScope组件，它会检测到子组件的Navigation的pop事件，并拦截下来。我们需要在它的onWillPop属性中返回一个新的组件（一般是一个Dialog）处理是否真的pop该页面。import 'dart:async';import 'package:flutter/material.dart';class HomePage extends StatefulWidget { @override _HomePageStat
2020-12-21 12:12:51
449
原创 解决GitHub上图片不显示问题
有的时候上GitHub上寻找插件 但是图片一直就是刷新失败样式版本号也看不到 效果图也看不到，你是不是也经常遇到这样的情况，虽然是个小问题但是也弄得很烦躁 影响工作效率解决方法它来了：首先需要找到你的HOSTS文件：Windows用户：C:\Windows\System32\drivers\etc\HOSTSMac用户：/etc/hosts用编辑器（记事本也是阔以的）,在末尾添加以下内容：192.30.253.112 Build software better, together19.
2020-12-17 13:55:41
632
4
原创 Flutter-解决Flutter-ListView嵌套高度问题
Flutter-解决Flutter-ListView嵌套高度问题实战项目中ListView必须要设置高度 不然会莫名其妙一片空白error eg:下半部分效果：设置“死”高度后 ListView内容又会在固定高度内上下可滑动，达不到预期的效果在ListView中添加shrinkWrap: true,physics: NeverScrollableScrollPhysics(),//可以解决嵌套高度的问题 越界用SingleChildScorllView参考：https://www
2020-12-15 14:09:22
2075
原创 Android-三级日期时间选择器 三级联动
首先第一步导入依赖库对了 我这边使用的是AS3.5.2版本 androidximplementation 'com.contrarywind:Android-PickerView:4.1.9'MainActivity.javaLinearLayout birth;@BindView(R.id.birth_text)TextView birthText;case R.id.birth:SimpleDateFormat formatter = new SimpleDateFormat("y
2020-05-28 11:05:14
1022
转载 Android Listview 隐藏滚动条
在标签中设置属性。android:fastScrollEnabled=“false”以下属性scrollbars可以设置为none也可以不设置为none。效果会有点不同。根据具体情况决定是否设置为none。android:scrollbars=“none”属性fastScrollEnabled说明：Enables the fast scroll thumb that can be dra...
2020-04-14 18:15:46
252
原创 windows系统常用命令 Win+R
个人分类： widows 运行命令使用快捷键：win+R打开运行cmd ：CMD命令提示符notepad：打开记事本calc：启动计算器mspaint：画图板control：打开控制面板explorer：打开资源管理器taskmgr：打开任务管理器osk：打开屏幕键盘services.msc：进入服务界面mstsc：远程桌面连接magnify：放大镜实用程序mmc:打开控...
2020-04-14 10:53:22
435
原创 AndroidStudio:如何设置listview的item之间的距离
1.概述在使用ListView时候，有时候会发现listview的每个item之间间距有时候会比较大，有时候会比较小，可以添加下边代码即可：//用来控制item之间间距大小android:dividerHeight=“10dp”android:divider="@null"android:fadingEdge="none"android:headerDividersEnabled="f...
2020-04-11 10:56:52
2091
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人