overflow_text_animated

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das Textüberlauf durch sanftes Anzeigen oder Verbergen überlaufenden Textes animiert. Es verbessert die Benutzererfahrung mit subtilen Animationen, wenn Text seine Containergrenzen überschreitet, und ist ideal für dynamische Benutzeroberflächen mit begrenztem Platz. Das Paket unterstützt mehrere Plattformen und lässt sich nahtlos in bestehende Flutter-Projekte integrieren. Es wurde für Entwickler entwickelt, die eine elegante visuelle Rückmeldung bei Textkürzung suchen.

Anwendungsfälle

Dynamische Textcontainer
animierte Textkürzung
Benutzeroberflächenverbesserungen
Responsive Design-Elemente
Interaktive Textanzeigen
Visuelle Rückmeldung bei Überlauf

Hauptmerkmale

Glatte Animation beim Überlauf
Plattformübergreifende Unterstützung
Einfache Integration mit Flutter
Benutzerdefinierbare Animationsdauer
Unterstützt mehrzeiligen Text
Minimale Boilerplate-Anforderung

Geeignet für

UI/UX-Designer
Flutter-Entwickler
Apps mit variablen Textinhalten
Interaktive Dashboards
Mobile- und Webanwendungen

Hinweise

Kann die Leistung bei großen Textblöcken beeinträchtigen
Das Animationsverhalten kann sich von Plattform zu Plattform unterscheiden
Erfordert sorgfältige Abstimmung für optimale Benutzererfahrung
Nicht geeignet für rein statischen Text
Eingeschränkte Anpassungsmöglichkeiten außerhalb der grundlegenden Animation
Abhängig von Flutter's Rendering-Pipeline

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Pakete, Repositories und App-Kategorien suchen

Paket installieren