2017-01-23 8 views
10

हम स्टाइल घटकों परियोजना से निम्नलिखित समस्या के कारण यह पता लगाने की कोशिश कर रहे हैं: https://github.com/styled-components/styled-components/issues/389एनिमेटेड। कॉम्पोनेंट/createAnimatedComponent (घटक) घटक से भिन्न कैसे होता है?

कुछ refs + setNativeProps कि एक ही स्थान पर एनीमेशन तोड़ दिया, assumingly क्योंकि कुछ एनिमेटेड संबंधित जानकारी नीचे पारित नहीं किया जा रहा है में किए गए परिवर्तनों थे सही ढंग से।

इसलिए प्रश्न यह समझने के लिए कि कैसे createAnimatedComponent प्रारंभिक घटक बदलता है, क्या जोड़ा जाता है? सही तरीके से पारित होने पर एनीमेशन को तोड़ने का कारण क्या हो सकता है?

यदि आप जानते हैं कि इस समस्या का कारण क्या हो सकता है तो कृपया विचार/विस्तृत उत्तर प्रदान करें।

अद्यतन तोड़कर मुद्दे से संबंधित परिवर्तन के संदर्भ के लिए this file भीतर कहीं हुआ innerRefref, isTag फ़ंक्शन जांच करता है नीचे से गुजरता है, तो यह एक देशी घटक है।

उत्तर

2

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

https://facebook.github.io/react-native/docs/animated.html

+1

'कर एनिमेटेड values' बंधन का जादू है थोड़ा मैं अर्थात क्या यह बाध्यकारी है/कैसे आदि बारे में अधिक जानकारी नहीं मिल सकता है? – Ilja

+1

असल में लेखक का अर्थ क्या है, एनीमेशन मान वर्तमान ऑब्जेक्ट के प्रोप में जोड़े गए हैं, इस .props और प्रतिक्रिया के काम के अनुसार जब भी कुछ चीजें बदलती हैं तो तत्वों को फिर से प्रस्तुत किया जाता है। इसलिए, एनिमेटेड घटकों के लिए रिएक्ट ब्राउज़र के मूल या डिफ़ॉल्ट प्रतिपादन तंत्र पर स्विच करता है यानी तत्वों को प्रत्येक परिवर्तन पर फिर से प्रस्तुत नहीं किया जाता है। –