रिएक्ट नेटिव के टेक्स्ट कंपोनेंट का एक कांटा जो टेक्स्ट के रूप में एनिमेटेड वैल्यू का समर्थन करता है
प्रतिक्रिया देशी चेतन पाठ
रिएक्ट नेटिव का एक कांटा |_+_| घटक जो पाठ के रूप में एनिमेटेड मूल्यों का समर्थन करता है!
इंस्टालेशन
उपयोग (पुन: एनिमेटेड 2)
इसे |_+_| . के समान प्रयोग करें घटक, टेक्स्ट को चाइल्ड नोड के रूप में पास करने के बजाय, इसे |_+_| . का उपयोग करके पास करें सहारा
yarn add react-native-animateable-text npx pod-install उपयोग (पुन: एनिमेटेड 1)
ओएमजी, आप इसे क्यों बनाएंगे?
हम इशारों के आधार पर जितनी जल्दी हो सके संख्याओं को चेतन करना चाहते हैं, उदाहरण के लिए वित्तीय डेटा प्रदर्शित करने वाले चार्ट के लिए। मूल स्थिति को अपडेट करना बहुत धीमा है और सहज अनुभव के लिए संभव नहीं है। |_+_| . का उपयोग करना आपको टेक्स्ट को चेतन करने की अनुमति नहीं देता है क्योंकि टेक्स्ट के बच्चे केवल प्रॉप्स के बजाय अलग नोड हैं।
मैं अपना मिनीक्राफ्ट पासवर्ड कैसे बदलूं
|_+_| . का उपयोग करने का अब तक का सबसे अच्छा तरीका रहा है से घटक प्रतिक्रिया देशी-लालाश , जो आपको एक पुन: एनिमेटेड टेक्स्ट नोड से एक स्ट्रिंग प्रस्तुत करने की अनुमति देता है। हालांकि, हुड के तहत, यह |_+_| . का उपयोग करता है और इसे एनिमेट करता है |_+_| सहारा
यह स्वाभाविक रूप से कुछ किनारे के मामलों के साथ आता है, उदाहरण के लिए:
-
झिलमिलाहट: जब मूल्यों को बहुत तेजी से बदलते हैं, तो पाठ काटा जा सकता है और एक दीर्घवृत्त दिखा सकता है। समस्या बदतर हो जाती है, डिवाइस जितना धीमा होता है और रेंडर कतार उतनी ही अधिक भीड़भाड़ वाली होती है। इस GIF को 0.2x गति से ध्यान से देखें:
एक रूण पृष्ठ कैसे खरीदें
-
असंगत स्टाइलिंग: |_+_| को स्टाइल करते समय, आपको इसे अपने शेष टेक्स्ट के साथ संरेखित करने के लिए और शैलियों को जोड़ने की आवश्यकता होती है। (स्क्रीनशॉट में व्यवहार केवल Android पर होता है)
-
पूर्ण क्षमताओं का अभाव: सभी प्रॉप्स उपलब्ध नहीं हैं। एनिमेटेबल टेक्स्ट के साथ, आप उन प्रॉप्स का उपयोग कर सकते हैं जिनका उपयोग आप टेक्स्ट इनपुट पर नहीं कर सकते, जैसे |_+_|, |_+_| या |_+_|.
योगदान
देखें योगदान गाइड भंडार और विकास कार्यप्रवाह में योगदान करने का तरीका जानने के लिए।
क्रेडिट
द्वारा लिखित जॉनी बर्गर हमारी जरूरतों के लिए एक्सेलरा .
इसे एक ओपन सोर्स प्रोजेक्ट में बदलने के लिए मेरे समय को प्रायोजित करने के लिए एक्सेलरा को धन्यवाद!
हम एक स्विस एजेंसी हैं जो रिएक्ट नेटिव में विशेषज्ञता रखते हैं, यहां तक कि छोटी से छोटी जानकारी की भी देखभाल करते हैं।
विवरण डाउनलोड करें:
लेखक: एक्सेलरा-एजी
सोर्स कोड: https://github.com/axelra-ag/react-native-animateable-text
https//my.roku.com/signup/nocc
#प्रतिक्रिया #प्रतिक्रिया-मूल #मोबाइल-ऐप्स