overflow_text_animated

Visão geral do pacote

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

Um pacote Flutter que anima a sobreposição de texto revelando ou ocultando suavemente o texto ultrapassado. Melhora a experiência do usuário com animações sutis quando o texto ultrapassa os limites do contêiner, ideal para interfaces dinâmicas onde o espaço é limitado. O pacote é compatível com múltiplas plataformas e se integra perfeitamente em projetos Flutter existentes. Criado para desenvolvedores que buscam feedback visual elegante durante o truncamento de texto.

Casos de uso

Contêineres de texto dinâmico
truncagem animada de texto
Melhorias na interface do usuário
Elementos de design responsivo
Exibição de texto interativa
Feedback visual em excesso

Principais recursos

Animação suave em overflow
Suporte multiplataforma
Integração fácil com o Flutter
Duração de animação personalizável
Suporta texto multilinha
Mínimo boilerplate necessário

Indicado para

designers de UI/UX
Desenvolvedores Flutter
Aplicativos com conteúdo de texto variável
Painéis interativos
Aplicações móveis e web

Considerações

Pode afetar o desempenho com blocos de texto grandes
O comportamento da animação pode variar entre plataformas
Requer ajuste cuidadoso para uma experiência do usuário ideal
Não adequado para texto estático apenas
Personalização limitada além da animação básica
Depende do pipeline de renderização do Flutter

README original

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

A plugin that displays overflowed text in a different way:

Installing

1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  overflow_text_animated: ^0.0.6

2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter pub get

3. Import it

Now in your Dart code, you can use:

import 'package:overflow_text_animated/overflow_text_animated.dart';

Usage

OverflowTextAnimated is a Stateful Widget. Include it in your build method like:

OverflowTextAnimated(
  text: overflowText,
  style: descriptionStyle,
  curve: Curves.fastEaseInToSlowEaseOut,
  animation: OverFlowTextAnimations.scrollOpposite,
  animateDuration: Duration(milliseconds: 1500),
  delay: Duration(milliseconds: 500),
)

OverflowTextAnimated is used as default text widget. It has many configurable properties, including:

text - required properties
style – style of text
curve – motion curves of animation effects
animation - animation type
animateDuration – is the duration of the animation
delay – is the break time between 2 animations

Note: Widget is only available when its parent has a specified width.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote