flutter
文章平均质量分 68
BruceGwo
iOS开发者、flutter开发、Javascript兼有学习Cocos creator游戏开发。积极主动,做好学习规划,探索未知的可能。
展开
-
flutter开发实战-build apk名称及指令abiFilters常用gradle设置
flutter开发实战-build apk名称及指令abiFilters常用gradle设置最近通过打包flutter build apk lib/main.dart --release,发现apk命名规则需要在build.gradle设置。这里记录一下。原创 2024-04-26 14:46:54 · 444 阅读 · 1 评论 -
flutter开发实战-混淆minifyEnabled及shrinkResources
flutter开发实战-混淆minifyEnabled及shrinkResources,这里不需要混淆,暂时关闭。学习记录,每天不停进步。原创 2024-04-25 10:18:50 · 238 阅读 · 3 评论 -
flutter开发实战-手势Gesture与ListView滚动竞技场的可滑动关闭组件
flutter开发实战-手势Gesture与ListView滚动竞技场的可滑动关闭组件最近看到了一个插件,实现一个可滑动关闭组件。滑动关闭组件即手指向下滑动,组件随手指移动,当移动一定位置时候,手指抬起后组件滑出屏幕。原创 2024-02-22 19:25:07 · 1081 阅读 · 0 评论 -
flutter开发实战-StreamBuilder使用介绍及实例
flutter开发实战-StreamBuilder使用介绍及实例StreamBuilder是一个Widget,它依赖Stream来做异步数据获取刷新widget。原创 2024-02-22 13:48:34 · 1303 阅读 · 0 评论 -
flutter开发实战-可扩展popup弹窗template模版样式
flutter开发实战-可扩展popup弹窗template模版样式最近在看到一个flutter_beautiful_popup,可以美化弹窗窗口样式。该插件通过一个template模版的类BeautifulPopupTemplate作为抽象的base类。原创 2024-02-04 15:57:01 · 876 阅读 · 1 评论 -
flutter开发实战-ijkplayer视频播放器功能
使用better_player播放器进行播放视频时候,在Android上会出现解码失败的问题,better_player使用的是video_player,video_player很多视频无法解码。最终采用ijkplayer播放器插件,在flutter上使用fijkplayer插件。原创 2024-02-04 13:40:18 · 1600 阅读 · 4 评论 -
flutter开发实战-Camera自定义相机拍照功能实现
在项目中使用image_picker插件时候,在android设备上使用无法默认设置前置摄像头(暂时不清楚什么原因),由于项目默认需要使用前置摄像头,所以最终采用自定义相机实现拍照功能。我们实现了实现自定义相机拍照的功能完整代码如下super.key,});///以下是关于手指缩放画面的变量Size?mediaSize;double?scale;double?String?@override。原创 2024-02-02 16:49:16 · 2302 阅读 · 3 评论 -
flutter开发实战-设置bottomNavigationBar中间按钮悬浮效果
flutter开发实战-设置bottomNavigationBar中间按钮悬浮的效果在使用tabbar时候,可以使用bottomNavigationBar来设置中间凸起的按钮,如下。原创 2023-12-21 14:28:05 · 898 阅读 · 0 评论 -
flutter开发实战-第一帧布局完成回调实现
flutter开发实战-第一帧布局完成回调实现在开发中,我们有时候需要在第一帧布局完成后调用一些相关的方法。这里记录一下是实现过程。Flutter中有多种不同的Binding,每种Binding都负责不同的功能。下面是Flutter中常见的Binding:这里简单说明一下WidgetsBinding。原创 2023-12-21 11:38:45 · 843 阅读 · 0 评论 -
flutter开发实战-ValueListenableBuilder实现局部刷新功能
flutter开发实战-ValueListenableBuilder实现局部刷新功能在创建的新工程中,点击按钮更新counter后,通过setState可以出发本类的build方法进行更新。当我们只需要更新一小部分控件的时候,通过setState就不太合适了,这就需要进行局部更新,可以通过provider等状态管理库来实现。当然flutter为我们提供了ValueListenableBuilder来实现局部控件的刷新。原创 2023-12-01 13:53:31 · 888 阅读 · 0 评论 -
flutter开发实战-实现获取视频的缩略图封面video_thumbnail
flutter开发实战-实现获取视频的缩略图封面video_thumbnail在很多时候,我们查看视频的时候,视频没有播放时候,会显示一张封面,可能封面没有配置图片,这时候就需要通过获取视频的缩略图来显示封面了。这里使用了video_thumbnail来实现获取视频的缩略图。原创 2023-12-01 13:50:02 · 1357 阅读 · 0 评论 -
flutter开发实战-轮播Swiper更改Custom_layout样式中Widget层级
flutter开发实战-轮播Swiper更改Custom_layout样式中Widget层级在之前的开发过程中,需要实现卡片轮播效果,但是卡片轮播需要中间大、两边小一些的效果,这里就使用到了Swiper。具体效果如视频所示这里需要的效果是中间大、两边小一些,中间的卡片在最上层,两边的卡片会被中间的卡片挡住一部分。所以需要处理一下Custom_layout样式中Widget层级关系。原创 2023-11-30 16:28:19 · 665 阅读 · 0 评论 -
flutter开发实战-readmore长文本展开和收缩控件
flutter开发实战-readmore长文本展开和收缩控件当长文本展开和收缩控件,我们需要使用readmore来处理长文本展开和收缩,方便阅读。原创 2023-11-30 16:24:30 · 532 阅读 · 0 评论 -
flutter开发实战-当前界面无操作60s返回主页实现
flutter开发实战-当前界面无操作60s返回主页实现当前界面无操作60s返回主页实现,主要是通过Timer来控制,当监听界面是否有pointerDown时候,如果超过60s仍没有操作,则返回主页。原创 2023-11-28 11:03:40 · 542 阅读 · 0 评论 -
flutter开发实战-为ListView去除Android滑动波纹
flutter开发实战-为ListView去除Android滑动波纹在之前的flutter聊天界面上,由于使用ScrollBehavior时候,当时忘记试试了,今天再试代码发现不对。这里重新记录一下为ListView去除Android滑动波纹的方式。原创 2023-11-28 11:00:01 · 607 阅读 · 0 评论 -
flutter开发实战-Completer实现将回调Callback转换成Future返回结果
flutter开发实战-Completer实现将回调Callback转换成Future返回结果。原创 2023-11-08 15:12:00 · 453 阅读 · 0 评论 -
flutter开发实战-TweenSequence实现动画序列
flutter开发实战-TweenSequence实现动画序列。原创 2023-11-08 15:09:21 · 1033 阅读 · 0 评论 -
flutter开发实战-图片缩放裁剪框图片裁剪功能
flutter开发实战-图片缩放裁剪框图片裁剪功能在开发中,需要选择相册的图片进行裁剪出图片的一小块内容作为目标图片,如上传头像,就是在用户选择头像后,根据裁剪狂来裁剪出所需要的图片进行上传。这里记录一下使用extend_image实现的图片缩放裁剪框图片裁剪功能。原创 2023-10-31 12:23:42 · 853 阅读 · 0 评论 -
flutter开发实战-hero实现图片预览功能extend_image
flutter开发实战-hero实现图片预览功能extend_image在开发中,经常遇到需要图片预览,当feed中点击一个图片,开启预览,多个图片可以左右切换swiper,双击图片及手势进行缩放功能。这个主要实现使用extend_image插件。在点击图片时候使用hero动画进行展示。Hero简单使用,可以查看hero实现图片预览功能效果图。原创 2023-10-24 14:25:09 · 1722 阅读 · 0 评论 -
flutter开发实战-hero动画简单实现
flutter开发实战-hero动画简单实现使用Flutter的Hero widget创建hero动画。将hero从一个路由飞到另一个路由。将hero 的形状从圆形转换为矩形,同时将其从一个路由飞到另一个路由的过程中进行动画处理。Flutter Hero动画 Hero 指的是可以在路由(页面)之间“飞行”的 widget,简单来说 Hero 动画就是在路由切换时,有一个共享的widget 可以在新旧路由间切换。原创 2023-10-24 10:07:04 · 663 阅读 · 0 评论 -
flutter开发实战-打包应用apk签名及Android studio没有generate signed bundle/apk问题修改
flutter开发实战-打包应用apk签名及Android studio没有generate signed bundle/apk问题修改最近使用flutter开发项目,需要将打包应用时候apk进行签名,我这边开发使用的是Android studio,发现在Android studio的build没有generate signed bundle/apk。这里记录一下问题修改,以及生产签名文件及gradle配置。原创 2023-10-24 06:30:00 · 2081 阅读 · 0 评论 -
flutter开发实战-安卓apk安装、卸载、启动实现
Shell是dart:io〔Process〕API上的包装器以便支持环境管理、用户开关等功能。Shell用于在Dart中或在代表其他用户执行系统管理任务的应用程序中编写shell实用程序脚本。下面是Shell的一个示例// 将结果传输到文件。//可以运行一个程序,并退出代码//如果返回了有效的退出代码,则会排出stderr,并且//您不必手动操作。////否则,将引发StateError。// 转储输出.// 还可以运行一个进程并立即返回一个字符串。原创 2023-10-18 21:18:08 · 1147 阅读 · 0 评论 -
flutter开发实战-下拉刷新与上拉加载更多实现
EasyRefresh可以在Flutter应用程序上轻松实现下拉刷新和上拉加载。它几乎支持所有Flutter Scrollable小部件。它的功能与安卓的SmartRefreshLayout非常相似,也吸收了许多第三方库的优势。EasyRefresh集成了各种风格的页眉和页脚,但它没有任何限制,您可以轻松自定义。使用Flutter强大的动画,即使只是一个简单的控制也可以完成。EasyRefresh的目标是为Flutter创建一个强大、稳定、成熟的pull-to-refresh框架。原创 2023-10-16 21:25:21 · 1058 阅读 · 0 评论 -
flutter开发实战-防抖Debounce与节流Throttler实现
flutter开发实战-防抖Debounce与节流Throttler实现在开发中,经常遇到某些按钮或者界面操作需要做防抖或者节流操作。这里记录一下实现。原创 2023-10-16 21:20:52 · 1033 阅读 · 0 评论 -
flutter开发实战-Universal Links配置及flutter微信分享实现
Universal link 是Apple在iOS9推出的一种能够方便的通过传统HTTPS链接来启动APP的功能,可以使用相同的网址打开网址和APP。当用户点击一个链接可以跳转到你的网站并获得无缝重定向到对应APP。原创 2023-10-10 22:58:51 · 1643 阅读 · 0 评论 -
flutter开发实战-inappwebview实现flutter与Javascript的交互JSBridge
JSBridge是一种实现webview与原生端的相互调用的能力。在比较流行的JSBridge中,主要是通过拦截URL请求来达到 native 端和 webview 端相互通信的效果的。如WebviewJavascriptBridge。那在inappwebview中有实现javascript交互的方式。在inappwebview中,可以使用JavaScript Handlers,来实现flutter端与javascript的交互。可以查看String?// data。原创 2023-10-08 14:47:44 · 4150 阅读 · 0 评论 -
flutter开发实战-inappwebview实现flutter与Javascript方法调用
可以设置一个消息事件侦听器(与postMessage一起使用)或一个自定义事件侦听器。}, false);}, false);然后使用window.dispatch});因此,可以在运行时使用InAppWebViewController.eevaluatteJavascript方法或在web应用程序内部设置这些事件侦听器,并使用相同的方法调度这些事件。}, false);""");});""");},},原创 2023-10-07 15:59:42 · 2689 阅读 · 3 评论 -
flutter开发实战 - inappwebview设置cookie
flutter开发实战-inappwebview设置cookie在使用inappwebview时候,需要设置cookie,这里记录一下。原创 2023-10-07 11:14:49 · 704 阅读 · 0 评论 -
flutter开发实战-video_player插件播放抖音直播实现(仅限Android端)
flutter开发实战-video_player插件播放抖音直播实现(仅限Android端)在之前的开发过程中,遇到video_player播放视频,通过查看video_player插件描述,可以看到video_player在Android端使用exoplayer,在iOS端使用的是AVPlayer。原创 2023-10-07 10:40:24 · 1658 阅读 · 0 评论 -
flutter开发实战-使用FutureBuilder异步数据更新Widget
flutter开发实战-使用FutureBuilder异步数据更新Widget在开发过程中,经常遇到需要依赖异步数据更新Widget的情况,如下载图片后显示Widget,获取到某个数据时候,显示在对应的UI界面上,都可以使用FutureBuilder异步数据更新Widget。原创 2023-10-02 13:17:35 · 741 阅读 · 0 评论 -
flutter开发实战-webview插件flutter_inappwebview使用
flutter开发实战-webview插件flutter_inappwebview使用在开发过程中,经常遇到需要使用WebView,Webview需要调用原生的插件来实现。常见的flutter的webview插件是webview_flutter,flutter_inappwebview。之前整理了一下webview_flutter,查看这里我们使用flutter_inappwebview来加载网页。原创 2023-10-02 12:55:57 · 3583 阅读 · 0 评论 -
flutter开发实战-应用更新apk下载、安装apk、启动应用实现
flutter开发实战-应用更新apk下载、安装apk、启动应用实现在开发过程中,经常遇到需要更新下载新版本的apk文件,之后进行应用更新apk下载、安装apk、启动应用。我们在flutter工程中实现下载apk,判断当前版本与需要更新安装的版本进行比对判断,通过判断VersionCode来确定下载新版版APK。原创 2023-09-30 20:10:39 · 1505 阅读 · 0 评论 -
flutter开发实战-自定义长按TextField输入框剪切、复制、选择全部菜单AdaptiveTextSelectionToolba样式UI效果
flutter开发实战-自定义长按TextField输入框剪切、复制、选择全部菜单样式UI效果。自定义AdaptiveTextSelectionToolbar,在TextField输入框中设置contextMenuBuilder,实现功能。原创 2023-09-18 11:43:10 · 1916 阅读 · 0 评论 -
flutter开发实战-长按TextField输入框cut、copy设置为中文复制、粘贴
flutter开发实战-长按TextField输入框cut、copy设置为中文复制、粘贴在开发过程中,需要长按TextField输入框cut、copy设置为中文“复制、粘贴”,这里记录一下设置的代码。原创 2023-09-18 10:19:58 · 1006 阅读 · 0 评论 -
flutter聊天界面-TextField输入框实现@功能等匹配正则表达式展示高亮功能
flutter聊天界面-TextField输入框实现@功能等匹配正则表达式展示高亮功能。原创 2023-09-15 11:53:55 · 658 阅读 · 1 评论 -
flutter聊天界面-TextField输入框buildTextSpan实现@功能展示高亮功能
flutter聊天界面-TextField输入框buildTextSpan实现@功能展示高亮功能最近有位朋友讨论的时候,提到了输入框的高亮展示。在flutter TextField中需要插入特殊样式的标签,比如:“请 @张三 回答一下”,这一串字符在TextField中输入,当输入@时 弹出好友列表选择,然后将 “@张三”高亮显示在TextField中。效果图如下。原创 2023-09-14 19:49:02 · 1227 阅读 · 1 评论 -
flutter开发实战-实现自定义bottomNavigationBar样式awesome_bottom_bar
切换界面使用PageView.builderPageView 是一个非常重要的组件。比如大多数 App 都包含 Tab 换页效果、图片轮动以及抖音上下滑页切换视频功能等等都可以使用PageView来实现PageView({Key?key,this.scrollDirection = Axis.horizontal, // 滑动方向//每次滑动是否强制切换整个页面,如果为false,则会根据实际的滑动距离显示页面//主要是配合辅助功能用的,后面解释//后面解释})原创 2023-09-08 15:51:46 · 1094 阅读 · 0 评论 -
flutter开发实战-video_player播放多个视频MediaCodecVideoRenderer error问题
flutter开发实战-video_player播放多个视频MediaCodecVideoRenderer error问题在开发过程中,我这里使用video_player播放多个视频的时候,出现了MediaCodecVideoRenderer error。原创 2023-09-04 20:11:35 · 1532 阅读 · 0 评论 -
flutter开发实战-获取屏幕显示大小及物理像素分辨率
flutter开发实战-获取屏幕显示大小及物理像素分辨率在开发过程中,经常遇到需要获取屏幕显示的大小及物理像素分辨率,这里会用到MediaQuery,MediaQuery必须依赖BuildContext的上下文才能使用。原创 2023-08-25 23:02:43 · 2388 阅读 · 0 评论 -
flutter开发实战-WidgetsBinding监听页面前台后台退出状态
flutter开发实战-WidgetsBinding监听页面前台后台退出状态在开发过程中,经常监听页面前台后台退出状态,这里用到了WidgetsBinding。原创 2023-08-12 20:45:50 · 1833 阅读 · 0 评论