
Flutter
文章平均质量分 60
Flutter
As.Kai
热爱,自然自律
展开
-
Flutter 贝塞尔曲线的基础使用
Flutter 贝塞尔曲线的基础使用原创 2023-02-14 17:21:46 · 790 阅读 · 1 评论 -
Flutter 实现安卓原生系统级悬浮窗
在写完代码之后有遇到一个问题,在应用后台显示悬浮窗拿不到焦点 最后查阅文章时在找到解决办法原创 2022-08-25 15:48:09 · 5427 阅读 · 4 评论 -
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 · 2489 阅读 · 0 评论 -
Flutter实战篇(1):使用第三方极光认证一键登录
Flutter实战篇(1):使用第三方极光认证一键登录需求场景????在项目中有时会碰到需要手机号一键登录的需求,那么我们可以利用第三方极光平台的认证模块进行集成。实操Let’s Go首先导入第三方官方插件:jverifyjverify : ^2.1.6这是当前最新版本,需要查看最新版本可点击插件查看如文章对您有帮助请一键三连~有条件的请我喝杯咖啡也不戳????//按照官方文档进行相对应配置:// 在 /android/app/build.gradle 中添加下列代码: andr原创 2021-10-09 16:41:13 · 2604 阅读 · 4 评论 -
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 · 2899 阅读 · 0 评论 -
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 · 1102 阅读 · 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 · 1109 阅读 · 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 · 2040 阅读 · 2 评论 -
Flutter开发中一些dart语法自用笔记
Flutter开发中一些dart语法自用笔记文章目录Flutter开发中一些dart语法自用笔记变量final与const内置的类型Numbers(数值)Strings(字符串)Booleans(布尔值)Lists(列表)Maps(映射集合)Runes(用于在字符串中表示Unicode字符)Symbols操作符赋值操作符条件表达式级联操作符安全操作符博客地址:https://blog.youkuaiyun.com/qq_42362997如果以下内容对您有帮助,点赞点赞点赞~变量变量是一个引用,未初始原创 2021-03-31 10:39:53 · 572 阅读 · 0 评论 -
【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 · 892 阅读 · 0 评论 -
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 · 1605 阅读 · 4 评论 -
Flutter event_bus基础使用
Flutter event_bus基础使用(小白看了用脚也会写)原创:@As.Kai博客地址:https://blog.youkuaiyun.com/qq_42362997如果以下内容对您有帮助,点赞点赞点赞~首先 最基础必要条件导入依赖:event_bus: ^1.1.1最新pub版本点我查看此篇文章实现订阅用户是否登录 来通知所有发布者实现场景:监听用户的登录状态步入正题:使用前须知:event_bus能够通过事件总线进行通信,分为发布者/订阅者发布者能够触发事件,订阅者能够监听事原创 2021-02-24 15:32:32 · 614 阅读 · 0 评论 -
flutter 简单集成第三方腾讯QQ分享/登录
flutter 集成腾讯QQ分享登录原创:@As.Kai博客地址:https://blog.youkuaiyun.com/qq_42362997如果以下内容对您有帮助,点赞点赞点赞~项目内容: 当前环境监测(当前设备中有没有qq或者TIM) 登录 获取用户信息 获取UnionID 分享说说 文本分享 网页分享 图片分享首先需要在腾讯开放平台申请一个开发者账号并且添加应用授权腾讯开放平台:https://open.tencent.com/位置信息要填写具体到X栋X号 不然很容易审原创 2021-02-01 16:29:20 · 4702 阅读 · 6 评论 -
解决Flutter项目无报错运行时assembleDebug报错(64K错误)
解决项目无报错运行时assembleDebug报错(64K错误)原创:@As.Kai博客地址:https://blog.youkuaiyun.com/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 · 740 阅读 · 0 评论 -
Flutter对接第三方高德地图+百度地图基础定位实现
Flutter对接第三方高德地图+百度地图基础定位实现原创:@As.Kai博客地址:https://blog.youkuaiyun.com/qq_42362997如果以下内容对您有帮助,点赞点赞点赞~高德地图:首先导入高德地图定位功能依赖包:#高德地图定位集成amap_location: ^0.2.0最新依赖包版本查看:传送门配置:在app下build.gradle中添加配置android { .... 你的代码 defaultConfig { .....原创 2021-01-21 18:32:03 · 1034 阅读 · 4 评论 -
Flutter对接第三方极光推送实现基础本地推送
Flutter对接极光推送实现基础本地推送原创:@As.Kai博客地址:https://blog.youkuaiyun.com/qq_42362997如果以下内容对您有帮助,点赞点赞点赞~首先导入依赖包需要导入极光推送依赖包:#极光推送JPushjpush_flutter: ^0.6.2#接着pub get最新pub版本查看:传送门配置方面:在android/app/build.gradle中添加一些配置android: { .... defaultConfig {原创 2021-01-21 18:24:02 · 591 阅读 · 0 评论 -
flutter 实现底部选择弹窗详解
flutter 实现底部选择弹窗详解(IOS自测)使用flutter自带组件:showModalBottomSheet()废话不多说,直接上示例代码://出现底部弹窗showModalBottomSheet( context: context, //自定义底部弹窗布局 shape: new RoundedRectangleBorder( borderRadius: BorderRadius.only( topLeft: Radius.circular(20.原创 2021-01-06 17:23:08 · 4789 阅读 · 0 评论 -
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 · 12803 阅读 · 11 评论 -
Flutter详解如何配置本地图片资源
Flutter详解如何配置本地图片资源如何配置在主项目目录下新建文件夹:images目录大致结构flutter项目:imagesstart.gifykStudio.pnglib将图片资源复制进images中然后在pubspec.yaml文件中进行配置:找到他大概50多行 会有一个被注释的#assets:#- XXXXXX#- XXXXXX把这三个注释解开就行 XXX文件改成你自己的图片名字加后缀注意:解开之后这三行或多行的前面都删减一个空原创 2021-01-06 11:18:22 · 1342 阅读 · 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 · 866 阅读 · 0 评论 -
Flutter控制某个TextField获取焦点以及失去焦点
Flutter控制某个TextField获取焦点以及失去焦点首先交代一下使用场景点击某个控件使文本框获取焦点 弹出输入法我们可以直接使用FocusScope.of(context).requestFocus()来实现获取焦点实现获取焦点首先需要先定义一个FocusNodeFocusNode _commentFocus = FocusNode();//在TextField中绑定TextField( focusNode: _commentFocus,),获取焦点获取焦点当点击时用原创 2020-12-21 16:06:12 · 4040 阅读 · 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 · 1364 阅读 · 0 评论 -
【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 · 501 阅读 · 0 评论