sunluyi的博客

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

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

原创 CSS：渐变边框

【代码】CSS：渐变边框。

原创 CSS：文字颜色渐变

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

原创 CSS：毛玻璃效果

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

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

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

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

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

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

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

原创 Flutter：上传图片，选择相机或相册：wechat_assets_picker

选择图片

原创 Flutter：打包ipa前，先清除缓存

【代码】Flutter：打包ipa前，先清除缓存。

原创 Flutter：滑块验证，图片拼接验证

【代码】Flutter：滑块验证，图片拼接验证。

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

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

原创 Android Studio：安装指定版本

我现在用的。

原创 Flutter：fl_chart 曲线图

【代码】Flutter：fl_chart 曲线图。

原创 Flutter：加减乘除，科学计数法转换

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

原创 Flutter：步骤条组件

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

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

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

原创 Flutter：slider滑块组件

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

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

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

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

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

原创 Flutter：下拉框选择

Flutter：下拉框选择

原创 vue3：横线无限滚动（向左/向右），自定义UI

【代码】vue3：横线无限滚动（向左/向右），自定义UI。

原创 vue2：9宫格抽奖

原创 vue2：横向无限轮播

/ 获取单个item的宽度（包含margin）// 当滚动到第二组数据时，重置到第一组相同位置。// 20是margin-right的值。// 复制数组以实现无缝滚动。'恭喜用户获得奖品1''恭喜用户获得奖品2''恭喜用户获得奖品3''恭喜用户获得奖品4'

原创 Web Speech API：浏览器端实现的：文字转语音，语音转文字

文字转语音，语音转文字

原创 Flutter：组件10、倒计时

【代码】Flutter：组件10、倒计时。

原创 Flutter：组件9、图片预览

图片预览组件

原创 Flutter：保存图片到相册（可选网络图片/本地图片/生成二维码的内存图片）

【代码】Flutter：保存图片到相册。

原创 Flutter：列表4，包含多种滚动模型的情况，需要在最外层包裹：CustomScrollView

【代码】Flutter：列表4，包含多种滚动模型的情况，需要在最外层包裹：CustomScrollView。

原创 Flutter：列表3，每行1个item，SliverList：垂直方向的滚动列表，与 ListView 类似，但性能更优

用于创建垂直方向的可滚动列表，与。类似，但性能更优，因为它支持基于。

原创 Flutter：列表2，宫格布局

【代码】Flutter：列表2，宫格布局。

原创 Flutter：列表1，每行1个item，可自定义间隔样式

【代码】Flutter：列表1，每行1个item，可自定义间隔样式。

原创 Flutter：布局1、单页滚动、少量内容

【代码】Flutter：布局1、单页滚动、少量内容。

原创 Flutter：监听安卓返回按键

【代码】Flutter：监听安卓返回按键。

原创 uniapp：APP分享微信小程序

测试，能正常拿到邀请码。

原创 Flutter：图片在弹窗外部的UI布局

图片在弹窗外部的UI布局。

原创 uniapp：微信小程序，一键获取手机号

【代码】uniapp：微信小程序，一键获取手机号。

原创 Flutter：Flutter SDK版本控制，fvm安装使用

3、查看本地已安装的 Flutter 版本。1、首先已经安装了Dart，cmd中执行。5、切换到特定版本的 Flutter。2、windows配置系统环境变量。

原创 Flutter：页面1，切换账号

【代码】Flutter：页面1，切换账号。

原创 Flutter：页面滚动，导航栏背景颜色过渡动画

导航栏背景色渐变过渡，当页面发生滚动时，导航栏背景色由0-1过渡到白色

原创 Android studio：更换SDK目录，avd目录，.gradle目录

完成上述内容，就可以把C盘中的avd和Sdk删除，重启电脑后 重新运行Android studio，完成操作。找到目录avd和Sdk，将所有内容复制到D盘新目录中。3、Android studio 中更换SDK目录。点击Edit，指定到D盘目录。