小技巧:在 Flutter 中提供触觉反馈,让用户感受到您的应用程序

数字世界和现实世界之间总是存在着差距。无论技术多么先进,我们总是怀念现实的感觉。触觉反馈是弥合这两个领域之间差距的一种方式。

为用户提供物理反馈,如音频或振动,创造更直观和易访问的交互,并改善用户体验。

好吧,flutter 总是有一些简化的解决方案来实现任何目标。这次没有什么不同; Flutter 有 haptic_feedback 包,它可以模拟触觉模式并使其在各个平台上保持一致。

使用下面的命令安装包。

shell 复制代码
flutter pub add haptic_feedback

现在我们需要检查设备是否启用了震动,记住,不是所有的设备都支持触觉反馈/震动,建议你最好有一个备用方案。

dart 复制代码
final canVibrate = await Haptics.canVibrate();

如果这个设备支持振动,你需要做的就是调用 await Haptics.vibrate(HapticsType.success); 这个包提供不同类型的触觉基于动作,使其与设备上的其他应用程序一致。

dart 复制代码
await Haptics.vibrate(HapticsType.success);
await Haptics.vibrate(HapticsType.warning);
await Haptics.vibrate(HapticsType.error);

await Haptics.vibrate(HapticsType.light);
await Haptics.vibrate(HapticsType.medium);
await Haptics.vibrate(HapticsType.heavy);

await Haptics.vibrate(HapticsType.rigid);
await Haptics.vibrate(HapticsType.soft);

await Haptics.vibrate(HapticsType.selection);

当将haptic_feedback插件集成到你的 Flutter 项目中时,由于在插件的清单中声明了权限,所以必要的 VIBRATE 权限会自动导入到最终合并的 AndroidManifest.xml 中。


medium.com/flutter-sim...

相关推荐
qq_448011161 天前
Vue + Jinja2两套模版与法冲突造成undefinedError
前端·javascript·vue.js
aixingpan1 天前
aixingpan.cn API开发文档:前端查询夏令时和时区接口指南
前端·php
2601_958352901 天前
23.5×19mm 换掉一整条音频链?|A-68 集成了什么:ADC / DAC / 24.576MHz 时钟 / AEC / 波束降噪,主控仅需 6 根线
前端·音视频·ai降噪·回声消除·语音模块
传奇开心果编程1 天前
【Flutter踩坑排雷】第7课:巨型 build 函数坑|全部 UI 写在同一个 build,维护难、隐性异常
android·flutter·ios·移动开发·跨平台·dart·声明式ui
志尊宝1 天前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
FRing031 天前
JavaScript入门到精通三十二(深拷贝、浅拷贝、递归函数)
开发语言·前端·javascript
excel1 天前
双 Token 与前端使用 Crypto 公私钥鉴权换 Token,哪种方案更好?
前端·后端
外收内放1 天前
Python基础语法练习题(73)
java·前端·python
风骏时光牛马1 天前
面向复杂场景的大模型应用落地与能力优化实践
前端
小小善后师1 天前
我做了个病历归档小程序,被 AI 识别的"最后一公里"狠狠上了一课
前端