- 博客(148)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 flutter监听app进入前后台状态的实现
在开发app的过程中，我们经常需要根据app的前后台的状态，做一些事情，那么我们在flutter中是如何实现这一监听的？来进行一些状态的判断，但是判断前后台的状态只是该API种其中一种功能，对于。flutter给我们提供了。
2024-02-07 13:49:51
2230
2
原创 Flutter 点击空白的地方让软键盘消失
在这个示例中，我们在Scaffold的body上添加了一个GestureDetector，并设置了onTap回调函数。当用户点击空白处时，会触发onTap回调函数，然后我们通过FocusScopeNode来判断当前焦点是否在输入框上，如果是，则调用FocusManager.instance.primaryFocus.unfocus()来隐藏键盘。在Flutter中，你可以通过在Scaffold的body上添加一个GestureDetector来实现点击空白处隐藏键盘的操作。
2024-01-28 16:01:56
565
原创 flutter 播放SVGA动图
SVGAPlayer-Flutter：这是一个轻量级的动画渲染库，可以通过Flutter CustomPainter原生渲染动画，为您带来高性能，低成本的动画体验123。您可以按照以下步骤使用插件：1.在3.在需要播放 SVGA 动画的位置添加SvgaPlayer组件：这个是最简单的播放网络图4.播放本地SVGA动画图这里是最简单的播放svga动画，无需其他操作。这里将一下如何自定义svga尺寸和控制svga动画播放次数和播放完成监听1.控制svga尺寸。
2024-01-17 17:10:09
736
转载 flutter LinearProgressIndicator圆角进度条
框架提供了Material Design风格的线性进度条（LinearProgressIndicator）组件，就是下面的样子，方方正正的，一点也不圆润。但是很多APP的设计都按照Material Design风格来玩的，各种各样的都有，我们选择最常见的一种来看一下，下面是“淘宝APP->淘抢购”页面里面的进度条，还是带动画的。如果直接用线性进度条（）组件去做，是没办法实现上面的进度条的。但是上面的问题都可以被解决，下面就是具体的解决方案了。
2024-01-17 16:29:24
71
原创 Flutter PageView属性说明
AlwaysScrollableScrollPhysics：这种物理特性会始终响应用户的滑动手势，即使内容已经不可滚动。FixedExtentScrollPhysics：这种物理特性用于每次滚动一个固定大小的项目（例如，在水平方向上滚动单个列），并且不允许在项目之间停止。NeverScrollableScrollPhysics：这种物理特性会禁止用户通过手势滚动页面，通常用于静态页面或者需要根据代码来控制滚动的情况。这些物理特性可以根据你的页面视图需求来选择。PageController的属性说明。
2024-01-02 17:09:16
602
原创 flutter 播放svga插件SVGAImage属性说明
你需要创建一个 `SVGAAnimationController` 并将其传递给 `SVGAImage`，以便控制动画的播放、暂停和其他操作。你可以根据需要选择不同的 `BoxFit` 值，如 `BoxFit.fill`、`BoxFit.cover` 等。6. `preferredSize`：一个 `Size` 对象，用于指定动画的首选大小。如果不设置，动画将按照其原始大小显示。`flutter_svg` 插件中的 `SVGAImage` 是用于显示和控制 SVGA（SVG动画格式）动画的小部件。
2023-10-30 10:59:23
340
原创 flutter 要实现一套组合动画，效果实现如下：图片先从屏幕中间由小变大出现，出现后停留1秒，然后移动到指定的位置，然后在移动过后的位置在进行缩小的动画直到消失
在上述示例中，我们首先定义了三个不同阶段的动画：sizeTween（大小变化）、positionTween（位置移动）和opacityTween（透明度变化）。回调中，我们根据每个动画的值来更新图片的尺寸、位置和透明度。替换为您实际使用的图像路径，并根据需要调整代码中的图片尺寸等参数。将各个阶段动画与特定时间范围绑定，并使用。要实现这样一套组合动画，您可以使用。将每个动画与相应的曲线进行连接。实现缩放和平移效果，并使用。来定义不同的阶段动画。小部件控制透明度变化。
2023-10-24 13:31:38
219
原创 Flutter 使用pageview无缝隙自动轮播教程
然后在initState里面初始化一下。最后在你需要的地方加入下面代码就行了。在dispose里面去掉。导入要使用的轮播图片。
2023-09-14 14:18:39
442
原创 Flutter 挖孔屏的状态栏占用问题怎么解决，横屏后去掉了状态栏，还是会有一块黑色的竖条
如果你在“values-nigh”文件夹中有另一个“styles.xml”文件，请确保对它做同样的操作。使用下方代码后依旧有一条黑色的区域。
2023-09-14 13:50:03
718
原创 轮播图禁用手势滑动
手势滑动将被禁用，而只有自动轮播会触发。你还可以根据需要调整其他属性，如。要禁用手势滑动，并只允许自动轮播，你可以使用。以下是如何在Flutter中使用。来自定义自动轮播的行为。
2023-09-12 17:10:00
246
原创 flutter ListView 滚动到最后一个items位置
flutter 想要实现一个listview初始化时和数据变化后显示到列表的最末，简单地说就是像聊天窗或者是日志输出那样的情景。方法用于在数据变化后将滚动位置设置为最后一个item的位置。要在Flutter中实现在初始化时和数据变化后将。自动定位到最后一个item的位置，你可以使用。方法将滚动位置设置为最后一个item的位置。方法来实现在初始化时和数据变化后将。自动定位到最后一个item的位置。滚动到最后一个item的位置。然后，在数据变化后，使用。在上面的示例中，我们创建了一个。来控制滚动位置，并使用。
2023-08-10 13:50:50
1295
原创 Flutter 使用JSONToDart 生成bean文件
6.里面的设置是可以修改的，看自己需求，我现在用的是这3个，空安全、描述、生成内部类。因人而异，看需求选择自己需要的。4.然后会出现这样一个弹窗，输入你要用到的json数据，和文件名称点击生成就可以自动生成文件了。3.在你需要使用的地方直接鼠标右键 或者使用快捷键Alt+Shift+D。1. 首先安装插件，进入flile-setting-plugins。2.然后搜索安装jsontodart，之后重启ide使其生效。5.这样一个文件就生成了。
2023-07-15 10:36:01
682
原创 Flutter 文字渐变色
目前在做的项目需要用到渐变文字的需求，但是都用图的话，会导致包很大，所以打算自己去写一个渐变。本次渐变用到的组件是ShaderMask这个组件来完成咱们的文字渐变色。
2023-07-05 16:03:32
1023
原创 Git 上传Github 超时问题
3. 把自动检查设置全部关闭，然后打开手动设置代理，然后输入ip地址和你代理的端口号，保存即可。提交代码到GitHub总是超时，偶尔会直接上传成功。
2023-07-05 10:47:20
1256
原创 Flutter 设置自定义字体
一般我们会在 assets 文件夹下新建一个 font 的文件夹，然后把字体拖动到 font 文件夹中，如下图所示。配置文件中新添加如下内容。
2023-06-26 13:48:16
671
原创 Flutter GridView 自定义宽高
/一行多少个crossAxisSpacing: 20, //设置列间距mainAxisSpacing: 10, //设置行间距),
2023-06-26 13:42:20
2329
原创 Flutter drawer 侧滑实现二（通过点击现实显示侧滑栏）
1.首先在需要使用的页面加入下方代码2.在Scaffold里面加入key3.在需要展示侧滑栏的地方加入下方代码4.整体页面代码奉上
2022-12-05 15:35:37
601
1
转载 Flutter drawer侧滑栏实现
侧滑栏对于大部分App来说都是经常用到的，接下来我们来一步步的实现flutter的侧滑栏效果。这里需要使用flutter提供的Drawer和DrawerHeader控件，DrawerHeader通常用作侧滑栏的头部控件，比如用户头像等。该控件常用的属性就是child属性，child就是drawer里面显示的具体子item。 属性名 属性值类型 说明 decoration Decoration类型 装饰背景颜色等，常用BoxDec
2022-12-05 15:30:43
697
原创 Flutter 仿朋友圈查看大图，Swiper支持滑动
4.基本上就运行就可以实现查看大图了，然后你们说了，这也不能关闭页面啊，没有跟微信朋友圈一样，点击任意地方让其消失，别急，马上奉上完成代码。2.写一个图片的集合，可以使用本地的，也可以使用网络的，我本次使用的是网络图片。1.导入引用到pubspec.yaml文件里面，引入后记得pub get。Swiper支持多图片预览、左右切换。3.把图片放到swiper上显示出来。flutter_swiper插件。
2022-10-26 17:28:39
1286
原创 Android13 适配指南
于2022年8月15日正式发布（发布时间较往年早了一些），正式版Release源代码也于当日被推送到AOSP Android开源项目。截止到笔者撰写这篇文章时，国内部分应用软件开发厂商已逐步接到手机厂商（华米OV等）的新版本适配要求。当前，对于Android应用开发者来说，Android 13 的软件兼容适配已需提上工作日程。为了贴合这篇文章的标题，本篇文章结合，围绕与两个方面进行详细说明。静态广播对其他应用的可见性新增内容隐藏API前台服务管理器系统新特性无需适配！
2022-10-26 13:20:56
7972
原创 Flutter 自定义画圆 画笔(Paint)、绘制弧(drawArc)
1.首先创建一个dart文件，命名为line_painter.dart。自定义画圆，通过外部传入修改圆的颜色显示。2.在需要显示的地方加上入下代码即可。
2022-10-24 10:33:26
1335
原创 Flutter 使用Screen保持屏幕常亮不息屏
本人搜了好多，基本都是使用 wakelock 这个插件来实现不息屏操作，但是我用完以后没有管用，不知道是手机的问题，还是flutter版本的问题，后来找半天找到了一个可以使我手机正常使用不息屏的三方插件 Scree.有时候开发app可能会用到屏幕常亮，不让其息屏，比如你播放一个视频，你肯定不想突然间就跟随系统设置而息屏看不到视频了，所以务必要使用一些插件来控制屏幕的亮度和常亮。1. 使用方式如下，在pubspec.yaml里面导入，记得pub get。最后可根据跟人需要酌情选择插件使用，喜欢的留个赞吧！
2022-10-20 17:27:00
2945
原创 Flutter 关闭IOS软键盘方式
由于Android输入法自带关闭按钮，这里就不讲了，讲一下气人的ios系统，这个系统打开软键盘后你会发现压根就没有关闭按钮，真是服了这个老六了，俗话说上有政策下有对策，没错，就用下面的方法简单粗暴就能实现！
2022-10-19 16:22:25
812
原创 Flutter App更新升级
由于在 IOS 中没法直接下载安装，如果版本不一致则直接跳转到IOS应用对应的应用市场就可以了，所以本文仅介绍Android App的升级流程。Android App升级流程：1. 获取本地版本号；2. 请求服务器获取服务器版本号；3. 如果本地版本和服务器版本不一致则提示升级，弹窗提示用户是否更新；4. 用户确定升级，调用文件传输方法下载apk文件；5. 监听下载进度；6. 下载完成打开apk进行安装。
2022-10-19 15:58:57
5019
3
原创 flutter 拍照、选择相机image_picker
2.在Android的AndroidManifest.xml文件里面添加权限。3.在ios的Info.plist文件里面添加权限。实现相机拍照和相册选择。
2022-10-10 11:06:45
1176
原创 flutter 视频解码器fijkplayer使用
本人做视频监控项目的时候，需要去展示视频流到用户端，一开始使用flutter自带的VideoPlayer播放监控视频，一开始没有发现有什么问题，因为使用多的是Android模拟器，一直没有使用iso模拟器或者真机测试能不能播放，直到开发接近尾声，在ios模拟器上测试的时候发现了问题，视频流为H264的时候能正常播放，但是视频流为H265的时候一直转圈，模拟器和真机播放不了（Android模拟器和真机都是可以播放的）。后来就打算换一个三方插件来调整播放。这里是使用时候的代码。
2022-09-30 15:43:13
2599
1
转载 Flutter视频播放、Flutter VideoPlayer 视频播详解
在 android 目录下的 AndroidManifest.xml 清单文件中配置网络请求权限以及http的访问权限。视频资源的加载以及播放控制全部是通过 VideoPlayerController来操作的。networkSecurityConfig 配置的是 http访问权限。3.3 视频播放相关控制。3.1 视频资源的加载。2 播放视频前的准备。2.1 网络访问权限。3.2 视频播放组件。
2022-09-30 08:16:57
5536
原创 Flutter导航返回拦截（WillPopScope）
onWillPop是一个回调函数，当用户点击返回按钮时被调用（包括导航返回按钮及Android物理返回按钮）。该回调需要返回一个Future对象，如果返回的Future最终值为false时，则当前路由不出栈(不会返回)；最终值为true时，当前路由出栈退出。我们需要提供这个回调来决定是否退出。
2022-09-23 15:43:28
1062
原创 flutter报错The number of method references in a .dex file cannot exceed 64K.
我的理解： 引用的第三方的方法超过了64K，需要在Android包下配置multidex减少第三方包引入（个人理解）在android/app/build.gradle中的 defaultConfig 下添加。在android/app/build.gradle中的 dependencies 下添加。这句话的意思翻译出来是：.dex文件中的方法引用数不能超过64K。此方案不能保证一定解决问题，但可以试试。
2022-09-23 14:01:36
1603
原创 Android studio 写xml的不能自动补全的问题
在网上看了很多文章，都是说要把 .idea 文件夹删除掉，重新build项目，要么就是把省电模式“Power Save Mode”前面的✔️去掉，问题是我的这个根本就没有选择省电模式，所以这个肯定不行，然后我又试着删掉 .idea文件夹重新build项目，也没成功，，尝试改成31，结果成功了。最后附上代码，如果还没有解决，只能继续网上找找答案了。，但是我发现现在的Android版本。成功了，我现在新建项目自动写的。
2022-09-05 17:33:29
3310
1
原创 flutter版本回退或者更换sdk版本无法打包问题
打开终端，使用 vim ~/.bash_profile 打开需要修改的环境变量，假设发现使用的变量地址是正常打包的sdk地址，那么在看一下 vim ~/.zshrc 文件里面的环境变量，这里说一下zshrc文件每次开机都会执行，所以也可以把变量都放在这个里面执行，假设发现的变量路径还是一样的，那么就看一下as里面使用的sdk版本。我这个项目是在mac上运行的，所以找到环境变量看一下使用的是哪个flutter sdk 版本。发现as里面的sdk用的3.0.1的，修改成你需要的sdk版本。
2022-09-05 15:35:08
646
原创 Android通过广播形式实现实时监听网络状态
首先在AndroidMainfests - 添加权限。最后是在activity里面的动态注册。然后是网络监听的广播。废话不多说直接上代码。
2022-08-31 15:28:08
2720
原创 Flutter使用泛型解析json数据
一般来说json返回数据都是不一样的，但是也有个别的情况出现，比如前面返回的数据都是一样的，只有一个“body”体里面返回的参数可能不一样，但是有不需要的使用的时候，写太多的实体类。去解析就造成了资源的浪费，所以使用泛型是最好的解析方式。我就拿一个简单的例子放上来供大家参考。......
2022-08-31 10:23:39
653
android，socket服务端和客户端实现2端发送和接收消息
2022-08-22
Android使用rtp传输的Jlibrtp库
2019-09-04
G711Code.java
2019-09-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人