Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.1.0

image_ink_well

Image InkWell Flutter plugin. This provides rectangle, rounded rectangle, circle type InkWell.

pub.dev API documentation Source code
30-day downloads
27
Likes
15
Pub points
25

Install package

flutter pub add image_ink_well

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Image InkWell is a Flutter plugin that extends the functionality of InkWell to work with images, offering customizable tap targets such as rectangles, rounded rectangles, and circles. It enables interactive image elements with visual feedback on touch, enhancing user experience in image-based interfaces. The package integrates seamlessly into Flutter apps and supports various image styling options through simple configuration. Ideal for creating interactive image cards, buttons, or thumbnails with responsive feedback.

Use cases

  • Creating interactive image buttons
  • Building image galleries with tap feedback
  • Designing custom image cards
  • Implementing circular image selectors
  • Developing touch-sensitive image components

Key features

  • Supports rectangle, rounded rectangle, and circle tap targets
  • Provides visual feedback on touch
  • Easy integration with existing Flutter projects
  • Customizable border and shape styles
  • Works with any Image widget

Suitable for

  • Developers building image-heavy UIs
  • UI designers needing interactive image elements
  • Apps requiring touch feedback on images
  • Projects using custom-shaped interactive areas

Considerations

  • Limited to basic shapes (no complex geometries)
  • No built-in animation beyond standard InkWell effects
  • Requires manual handling of image scaling and alignment
  • Not optimized for very large image collections
  • Depends on Flutter's InkWell behavior for haptic feedback

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

image_ink_well

Image InkWell Flutter plugin.

Getting Started

Dependency
dependencies:
  image_ink_well: ^0.1.0
Import
import 'package:image_ink_well/image_ink_well.dart';
Example
// rectangle image inkwell
ImageInkWell(
  onPressed: () {
    print('onPressed');
  },
  width: 300,
  height: 180,
  image: NetworkImage(
      'https://images.unsplash.com/photo-1547651196-4bd31258de69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
  splashColor: Color(0x32ff0000),
)

// rounded rectangle image inkwell
RoundedRectangleImageInkWell(
  onPressed: () {
    print('onPressed');
  },
  width: 300,
  height: 150,
  borderRadius: BorderRadius.only(
      topLeft: const Radius.circular(20),
      topRight: const Radius.circular(20),
      bottomLeft: const Radius.circular(20)),
  image: NetworkImage(
      'https://images.unsplash.com/photo-1547332184-070705bccbd3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
)

// circle image inkwell
CircleImageInkWell(
  onPressed: () {
    print('onPressed');
  },
  size: 200,
  image: NetworkImage(
      'https://images.unsplash.com/photo-1547651619-238e04d07889?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
  splashColor: Colors.white24,
)

Categories

Image

Source repository

Projects using this package

No data available yet.