Flutter - InkWell Widget

InkWell is the material widget in Flutter. It responds to the touch action as performed by the user. Inkwell will respond when the user clicks the button. There are so many gestures like double-tap, long press, tap down, etc.

Syntax:

InkWell(
 onTap: () {
 // Your action here
 },
 child: YourWidget(),
)

Key Features of InkWell

• Adds ripple animation on tap (like native Material Design).
• Responds to gestures: onTap, onDoubleTap, onLongPress, etc.
• Lightweight and easy to use.
• Can be applied to any widget, even custom ones.

Step-by-step implementation

Step 1: Create a new Flutter Application

Create a new Flutter application using the command Prompt. To create a new app, write the following command and run it.

flutter create app_name

To know more about it refer this article: Creating a Simple Application in Flutter.

Step 2: Start Coding

main.dart

Explanation:

• Create a Container and wrap it with the InkWell widget.
• When InkWell is tapped, it will display "InkWell Tapped" on the screen.
• When InkWell is LongPressed, it will display "InkWell Long Pressed" on the screen.

Output:

Customizing InkWell

You can customize its behavior using these properties:

Conclusion

The InkWell widget is perfect when you want to give your users visual feedback on touch interactions, especially when building custom buttons, cards, or tappable containers.

It’s a small but powerful widget that makes your app feel more interactive and native.