自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

sunluyi的博客

前端经验总结

  • 博客(611)
  • 问答 (1)
  • 收藏
  • 关注

原创 Flutter:NestedScrollView嵌套的滚动组件

两个滚动区域:Header(外层)+ Body(内层)协调滚动:先折叠 Header,再滚动 Body:最常用的头部组件高度计算:状态栏 + 导航栏 + 自定义内容渐变效果:监听滚动位置,动态改变透明度。

2025-12-24 16:31:54 1085

原创 Flutter:极验一键获取手机号

flutter极验一键获取手机号,适配安卓ios

2025-12-24 11:36:07 464

原创 Flutter:showModalBottomSheet底部弹出完整页面

info页面需要接收参数和回调。

2025-12-10 16:55:55 162

原创 Flutter:页面级动画弹出

【代码】Flutter:页面级动画弹出。

2025-12-10 16:49:01 159

原创 Flutter:高德定位,获取经纬度,详细地址信息

Flutter高德定位,获取经纬度,地址信息

2025-12-04 11:07:26 323

原创 Flutte:查看安卓包的报名,SHA1,MD5

【代码】Flutte:查看安卓包的报名,SHA1,MD5。

2025-12-04 09:30:21 117

原创 Flutter:设备唯一id生成,存储,

1、需要用到以下插件。

2025-12-03 16:25:19 179

原创 Flutter:布局:NestedScrollView+SliverAppBar+SmartRefresher(分页),实现顶部背景图+导航栏渐变+分页列表

【代码】Flutter:NestedScrollView+SliverAppBar+SmartRefresher(分页),实现顶部背景图+导航栏渐变+分页列表。

2025-12-03 11:41:21 181

原创 Flutter:实现多图上传选择的UI

效果图如下,只实现ui效果。

2025-12-02 13:43:27 169

原创 Flutter:订单列表记录:TabBar+TabBarView+分页的实现demo

实现了第一次切换tab时加载数据,记录每个tabbarview的滚动位置,

2025-12-02 10:04:45 211

原创 Flutter:禁用屏幕熄屏

屏幕熄屏控制

2025-11-26 16:34:20 118

原创 Flutter:滑动删除

右滑删除效果

2025-11-21 16:45:26 137

原创 Flutter:图片压缩

flutter 图片压缩

2025-11-17 15:27:15 411

原创 Flutter:分享微信好友,分享到朋友圈

flutter中实现分享微信好友,分享朋友圈功能

2025-11-17 15:25:41 344

原创 Flutter:视频预览功能

main.dart 初始化。

2025-11-07 13:27:02 322

原创 Flutter:支付宝支付

Flutter:支付宝支付逻辑

2025-10-29 10:29:40 156

原创 Flutter:设置屏幕方向

Flutter:设置屏幕方向,横屏,全屏切换。

2025-10-28 17:55:05 126

原创 Flutter:启动动画Lottie

本文介绍了Flutter应用的启动动画实现方案。首先使用flutter_native_splash生成静态启动图作为初始画面,然后通过lottie和animated_splash_screen实现动态欢迎页。配置文件中设置了Android和iOS平台的启动图适配,代码示例展示了如何使用Lottie加载JSON动画文件实现跳舞效果。最后通过控制器处理1秒延迟后判断首次打开或登录状态的页面跳转逻辑。方案结合了静态启动图和动态Lottie动画,为应用提供了流畅的启动体验。

2025-10-23 16:57:25 442

原创 Flutter:fluwx-微信登录,获取code

flutter:fluwx 实现微信登录,获取code

2025-10-11 15:22:47 485

原创 Flutter:fluwx-微信支付

flutter:fluwx实现微信支付。

2025-10-11 15:18:49 197

原创 uniapp:根据目的地经纬度,名称,唤起高德/百度地图来导航,兼容App,H5,小程序

摘要 本文介绍了一个跨平台地图选择组件MapSelector的实现方案。该组件支持高德地图和百度地图的调用,适配APP、H5和小程序三端环境。核心功能包括:1)通过配置manifest.json申请高德地图key;2)使用u-action-sheet实现地图选择菜单;3)根据平台差异处理导航跳转逻辑:APP端采用URL Scheme优先唤起原生应用,失败后降级使用web方案;H5直接跳转网页版地图;小程序端调用uni.openLocation接口。组件提供了完善的错误处理机制,包括定位权限检查和失败降级策略

2025-09-13 10:33:46 973

原创 CSS:渐变边框

【代码】CSS:渐变边框。

2025-09-05 14:30:51 315

原创 CSS:文字颜色渐变

【代码】CSS:文字颜色渐变。

2025-09-05 14:29:06 147

原创 CSS:毛玻璃效果

【代码】CSS:毛玻璃效果。

2025-09-02 14:44:53 120

原创 Flutter:ios打包ipa,证书申请,Xcode打包,完整流程

IOS打包证书申请 + xcode打包,纯图文详解,纯小白照抄2分钟学会。

2025-08-28 16:54:58 585

原创 Flutter:如果需要在某个单独的页面加一个下拉刷新

【代码】Flutter:如果需要在某个单独的页面加一个下拉刷新。

2025-08-26 17:07:02 428

原创 uniapp:h5链接拉起支付宝支付

先打开浏览器,浏览器会提示打开支付宝,之后是支付流程。现在可以省略跳转h5的步骤,直接唤起支付宝进行支付。代码已测试,在安卓手机上可以直接唤起支付宝支付。场景:APP内点击支付宝支付,后台返回类似链接。

2025-08-20 16:04:14 722

原创 Flutter:上传图片,选择相机或相册:wechat_assets_picker

选择图片

2025-07-17 10:52:56 624

原创 Flutter:打包ipa前,先清除缓存

【代码】Flutter:打包ipa前,先清除缓存。

2025-07-09 17:25:24 251

原创 Flutter:滑块验证,图片拼接验证

【代码】Flutter:滑块验证,图片拼接验证。

2025-06-30 14:20:19 377

原创 Flutter:fl_chart 折线图参考代码

按秒显示数据,x轴间隔2分钟显示一个标签,同时socket推送数据时会实时更新。

2025-06-23 11:20:12 438

原创 Android Studio:安装指定版本

我现在用的。

2025-06-20 17:11:33 333

原创 Flutter:fl_chart 曲线图

【代码】Flutter:fl_chart 曲线图。

2025-06-19 16:32:14 224

原创 Flutter:加减乘除,科学计数法转换

【代码】Flutter:加减乘除,科学计数法转换。

2025-06-13 10:58:58 252

原创 Flutter:步骤条组件

【代码】Flutter:步骤条组件。

2025-06-13 09:59:18 363

原创 Flutter:弹窗UI,不带背景色,自定义图片的弹窗

【代码】Flutter:弹窗UI,不带背景色,自定义图片的弹窗。

2025-06-10 14:51:35 457

原创 Flutter:slider滑块组件

【代码】Flutter:slider滑块组件。

2025-06-09 09:50:30 137

原创 Flutter:导航固定背景图,滚动时导航颜色渐变

【代码】Flutter:导航固定背景图,滚动时导航颜色渐变。

2025-06-07 09:03:45 485

原创 Flutter:导航背景固定在顶部,下拉分页布局

【代码】Flutter:导航背景固定在顶部,下拉分页布局。

2025-06-07 09:01:41 397

原创 Flutter:下拉框选择

Flutter:下拉框选择

2025-06-06 14:57:50 548

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除