小技巧:在 Flutter 中提供触觉反馈,让用户感受到您的应用程序
前端全栈开发者
共 1663字,需浏览 4分钟
·
2024-04-10 23:28
数字世界和现实世界之间总是存在着差距。无论技术多么先进,我们总是怀念现实的感觉。触觉反馈是弥合这两个领域之间差距的一种方式。
为用户提供物理反馈,如音频或振动,创造更直观和易访问的交互,并改善用户体验。
好吧,flutter 总是有一些简化的解决方案来实现任何目标。这次没有什么不同;Flutter 有 haptic_feedback[1] 包,它可以模拟触觉模式并使其在各个平台上保持一致。
使用下面的命令安装包。
flutter pub add haptic_feedback
现在我们需要检查设备是否启用了震动,记住,不是所有的设备都支持触觉反馈/震动,建议你最好有一个备用方案。
final canVibrate = await Haptics.canVibrate();
如果这个设备支持振动,你需要做的就是调用 await Haptics.vibrate(HapticsType.success);
这个包提供不同类型的触觉基于动作,使其与设备上的其他应用程序一致。
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
中。
好书推荐
程序员圈中的一本必读之作,50 位顶尖创业者个技术人 的认知与实践。一本汇集了IT名人的珍贵经验和见解的精彩之作。收录了50多位嘉宾的对话内容,涵盖程序员成长、创业、技术趋势等多个方向。无论你是程序员、技术爱好者还是创业者,本书都将为你带来丰富的知识和思考,帮助你在职业发展和创富之路上更进一步。 最近文章
- Flutter 和 Dart 软件包生态系统的进展情况
- 关于 Next.js 你不知道的事情
- 关键对话:程序员创富
- VueFire:一个一流的 Vue 和 Firebase 体验,包括对 Nuxt 的支持,现在已经稳定了
- 如何优雅的发布一个 TypeScript 软件包?
- DOMPurify:一个只针对 DOM 的、超快的、宽容的 HTML XSS清理工具
haptic_feedback: https://pub.dev/packages/haptic_feedback
评论