[Flutter] Haptic Feedback: Make users feel your App

Vamsi Krishna Kodimela
Flutter Simplified
Published in
2 min readDec 17, 2023

--

There is always a gap between the digital and real worlds🌐🌍. No matter how advanced the technology is, we always miss the feeling of reality 😔. Haptic feedback is one way to bridge the gap between these two realms 🤝.

Providing users with physical feedback, such as 🔊 audio or 📳 vibration, creates a more intuitive and accessible interaction and improves the user experience.

Let’s make users feel flutter app:

Well, flutter always has some simplified solution to achieve anything. Nothing different this time; Flutter has package haptic_feedback that emulates the haptic patterns and makes it consistent across the platforms 🚀💻📱.

  • Install the package using the below command.
flutter pub add haptic_feedback
  • Now we’ve to check if the vibration is enabled in the device. Remember, not all devices support haptic feedback/vibration. It is always recommended to have a fallback.
final canVibrate = await Haptics.canVibrate();
  • If this device supports vibration, all you need to do is to call the await Haptics.vibrate(HapticsType.success); This package provides different types of Haptics based on the action, making it consistent with the other apps on the device.

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);
  • When integrating the haptic_feedback plugin into your Flutter project, necessary VIBRATE permission is automatically imported into the final merged AndroidManifest.xml due to the permission being declared in the plugin's manifest.

If you want to see this in action, check out our detailed blog on haptic feedback to see it in the real-time project with the source code. Click here…

Is this everything about haptic feedback..?

Of course not; there is a lot to it. I plan to cover all these in the upcoming stories and never miss an update from Flutter Simplified.

Follow us on Instagram.

--

--