Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev0.1.0

image_ink_well

Plugin Image InkWell para Flutter. Este fornece um InkWell do tipo retângulo, retângulo arredondado e círculo.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
27
Curtidas
15
Pontos Pub
25

Instalar pacote

flutter pub add image_ink_well

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Image InkWell é um plugin do Flutter que expande a funcionalidade do InkWell para funcionar com imagens, oferecendo alvos de toque personalizáveis, como retângulos, retângulos arredondados e círculos. Permite elementos de imagem interativos com feedback visual ao toque, melhorando a experiência do usuário em interfaces baseadas em imagens. O pacote se integra perfeitamente aos aplicativos Flutter e suporta várias opções de estilização de imagem por meio de configuração simples. Ideal para criar cartões de imagem interativos, botões ou miniaturas com feedback responsivo.

Casos de uso

  • Criando botões de imagem interativos
  • Construindo galerias de imagens com feedback de toque
  • Projetando cartões de imagem personalizados
  • Implementando seletores de imagem circulares
  • Desenvolvendo componentes de imagem sensíveis ao toque

Principais recursos

  • Suporta alvos de toque retangulares, retangulares arredondados e circulares
  • Fornece feedback visual ao toque
  • Integração fácil com projetos Flutter existentes
  • Estilos personalizáveis de borda e forma
  • Funciona com qualquer widget de imagem

Indicado para

  • Desenvolvedores construindo interfaces de usuário com muitas imagens
  • Designers de UI que precisam de elementos de imagem interativos
  • Aplicativos que exigem feedback tátil em imagens
  • Projetos usando áreas interativas com formato personalizado

Considerações

  • Limitado a formas básicas (sem geometrias complexas)
  • Nenhuma animação embutida além dos efeitos padrão do InkWell
  • Requer manipulação manual da escala e alinhamento da imagem
  • Não otimizado para coleções muito grandes de imagens
  • Depende do comportamento do InkWell do Flutter para feedback háptico

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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,
)

Categorias

Imagem

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.