Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de stickereditor
Detalhes do pacotev0.0.8

stickereditor

Um widget que permite modificar e mover seu texto e imagem de acordo com seus limites.

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

Instalar pacote

flutter pub add stickereditor

Visão geral do pacote

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

StickerEditor é um widget do Flutter projetado para permitir que os usuários modifiquem livremente, movam e posicionem textos e imagens dentro de limites definidos. Oferece uma interface interativa para edição de adesivos, sendo ideal para aplicações que exigem sobreposição de conteúdo dinâmico. O pacote suporta funcionalidade intuitiva de arrastar e soltar e restrições de limite, garantindo que os elementos permaneçam nas áreas desejadas. Desenvolvido com simplicidade e desempenho em mente, integra-se perfeitamente em aplicativos multimídia para criar adesivos personalizados ou anotações.

Casos de uso

  • Criando adesivos personalizados em aplicativos de mídia social
  • Adicionando sobreposições de texto editáveis às imagens
  • Designando conteúdo gerado pelo usuário com elementos móveis
  • Construindo ferramentas interativas de edição de fotos
  • Habilitar a manipulação em tempo real de adesivos em aplicativos de mensagens

Principais recursos

  • Posicionamento de texto e imagem por arrastar e soltar
  • Enforcement de restrição de limite
  • Edição interativa do conteúdo do adesivo
  • Integração simples com projetos Flutter existentes
  • Suporte para redimensionamento e reposicionamento dinâmicos

Indicado para

  • Desenvolvedores construindo recursos de edição de fotos
  • Aplicativos que exigem a criação de adesivos gerados pelo usuário
  • Plataformas de mídia social com conteúdo interativo
  • Ferramentas educacionais com anotação visual
  • Aplicativos de mensagens com adesivos personalizáveis

Considerações

  • Limitado a manipulação básica de texto e imagem
  • Sem funcionalidade embutida de exportação ou salvamento
  • Requer implementação manual da lógica de salvamento
  • Não otimizado para designs complexos de múltiplas camadas
  • Depende de bibliotecas externas para processamento avançado de imagens

README original

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

Sticker Editor

A flutter plugin for iOS, Android and Mac for Rotate, Scaling, Moving and Editing Text, Photo, Stickers


Sticker Editor


Only Text Only Photo

A flutter package Sticker Editor which will help you to create editable and scalable text or sticker widget that can be dragged around the area you given in screen.

License: MIT

Features 💚

  • Manually Control the position of the widget along with drags.
  • You can bound the dragarea of your widget using boundHeight and boundWidth parameters
  • onTap and onCancel function where user's can use there own function
  • You can resizes widget using scaling function
  • Highly customizable
  • You can use whole sticker view or particular widgets

Installation

First, add stickereditor as a dependency in your pubspec.yaml file.

MacOs

Fore NetworkImage, macOS needs you to request a specific entitlement in order to access the network. To do that open macos/Runner/DebugProfile.entitlements and add the following key-value pair.

<key>com.apple.security.network.client</key>
<true/>

How to use

  • Sticker View
StickerEditingView(
  isnetwork: false,
  height: 300,
  width: 300,
  imgUrl: backgroundImageUrl,
  fonts: fonts,
  palletColor: colorPallet,
  assetList: stickerList,
),
  • Text Editing Box
Container(
  height: 300,
  width: 300,
  color: Colors.blue,
  child: Stack(
    children: [
      TextEditingBox(
        fonts: fonts,
        boundHeight: 200,
        boundWidth: 100,
        isSelected: true,
        palletColor: colorPallet,
        newText: TextModel(
            name: 'Text EditingBox',
            textStyle:
                GoogleFonts.pacifico(fontSize: 25, color: Colwhite),
            top: top,
            isSelected: true,
            textAlign: TextAlign.center,
            scale: 1,
            left: left),
      ),
    ],
  ),
),
  • Picture Editing Box
Container(
  height: 300,
  width: 300,
  color: Colors.blue,
  child: Stack(
    children: [
      StickerEditingBox(
          boundHeight: 200,
          boundWidth: 200,
          pictureModel: PictureModel(
            isNetwork: true,
            isSelected: false,
            left: 50,
            top: 50,
            scale: 1,
            stringUrl:
                'https://raw.githubusercontent.com/Harsh-Radadiya/sticker_editor/master/assets/t-shirt.jpeg',
          )),
    ],
  ),
)

Run the example app in the exmaple folder to find out more about how to use it.

Categorias

Editar, salvar e comprimir multimídia

Dependências

Lista de dependências 4 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.