पैकेज, रिपॉज़िटरी और ऐप श्रेणियाँ खोजें

पैकेज विवरणv1.1.0

rich_typewriter

एक विजेट जो नीचे के Text.rich या RichText को टाइपराइटर की तरह एनीमेट करता है।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
38
लाइक
37
Pub अंक
150

पैकेज इंस्टॉल करें

flutter pub add rich_typewriter

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

एक फ्लटर विजेट जो Text.rich या RichText कंटेंट को टाइपराइटर प्रभाव के रूप में एनीमेट करता है, जिसमें चरित्र दर चरित्र टाइप किया जाता है और स्मूथ ट्रांज़िशन के साथ। आकर्षक ओनबोर्डिंग स्क्रीन, डायनामिक संदेश या इंटरैक्टिव स्टोरीटेलिंग इंटरफेस बनाने के लिए आदर्श। एनीमेशन कस्टमाइज़ किया जा सकता है और सभी प्रमुख प्लेटफॉर्म जैसे मोबाइल, वेब और डेस्कटॉप पर काम करता है। यह उपयोगकर्ता अनुभव को टेक्स्टुअल कंटेंट में दृश्य गति और ध्यान केंद्रित करके सुधारता है।

उपयोग

  • ऑनबोर्डिंग ट्यूटोरियल
  • इंटरैक्टिव स्टोरीटेलिंग
  • डायनामिक संदेश प्रदर्शन
  • एनिमेटेड वेलकम स्क्रीन्स
  • इंटरैक्टिव यूआई तत्व
  • रियल-टाइम चैट सिमुलेशन

मुख्य विशेषताएँ

  • अक्षर-दर-अक्षर टाइपिंग एनीमेशन
  • समृद्ध पाठ स्वरूपण का समर्थन करता है
  • क्रॉस-प्लेटफॉर्म संगतता
  • नियंत्रित करने योग्य टाइपिंग गति
  • स्मूथ ट्रांजिशन प्रभाव
  • मौजूदा Text.rich के साथ आसान एकीकरण

इनके लिए उपयुक्त

  • एनिमेटेड टेक्स्ट प्रभाव की तलाश में UI डिजाइनर
  • इंटरैक्टिव ऐप्स बनाने वाले डेवलपर्स
  • शैक्षिक या कथा-आधारित एप्लिकेशन
  • ध्यान आकर्षित करने वाले टेक्स्ट एनीमेशन वाले ऐप्स

विचार योग्य बातें

  • बहुत लंबे पाठ के साथ प्रदर्शन प्रभावित हो सकता है
  • उत्तम उपयोगकर्ता अनुभव के लिए सावधानीपूर्वक समय सेटअप की आवश्यकता होती है
  • स्थिर या तेजी से बदलते सामग्री के लिए उपयुक्त नहीं
  • एनिमेशन के दौरान व्यक्तिगत अक्षर स्टाइलिंग पर सीमित नियंत्रण
  • उपयोगकर्ता थकान से बचने के लिए इसका सीमित उपयोग करें

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

rich_typewriter

A widget that makes underlying Text.rich or RichText animate like a typewriter.

Preview

Motivation

I was creating a visual novel engine, so I needed a convenient way to animate RichTexts (with styles and WidgetSpans). Actually there are some packages which do the thing, but they do not work with existent RichTexts and/or do not support WidgetSpans.

In addition, it's also a kind of proof of concept in terms of interaction with the element tree.

Features

  • Wrap a Text.rich or a RichText to animate.
  • Supports trees of InlineSpan with arbitrary depth.
  • Can print both text characters and widgets.
  • Allows to set up different delays for different symbols.
  • Allows to call a function when the animation ends.

Usage

RichTypewriter(
        child: const Text.rich(TextSpan(text: "some text", children: [
      WidgetSpan(
          child: FlutterLogo(
        size: 100,
      ))
    ])));

श्रेणियाँ

सोर्स रिपॉज़िटरी

इस पैकेज का उपयोग करने वाले प्रोजेक्ट

अभी कोई डेटा उपलब्ध नहीं है।