2015-03-31 7 views
7

मैं एक अलग रंग में हाइलाइट किए गए कुछ शब्दों के साथ टेक्स्ट की एक पंक्ति प्रस्तुत करना चाहता हूं।प्रतिक्रिया-मूल: बहु रंग टेक्स्ट दृश्य

मैं आदर्श रूप से प्रतिक्रिया के साथ एक स्पैन टैग के साथ ऐसा करता हूं।

आश्चर्य है कि मैं प्रतिक्रिया-मूल के साथ ऐसा कैसे करूं?

उत्तर

19

आप नेस्टेड पाठ घटकों

<Text style={{color: 'blue'}}> 
    I am blue 
    <Text style={{color: 'red'}}> 
     i am red 
    </Text> 
    and i am blue again 
</Text> 

यहाँ का उपयोग करके इस लक्ष्य को हासिल कर सकते हैं प्रलेखन के लिए एक link यह समझा है बेहतर

+0

क्या होगा यदि आप गतिशील पाठ है? कल्पना करें कि टेक्स्ट कुछ प्लेसहोल्डर्स के साथ सर्वर से है यह इंगित करने के लिए कि क्लाइंट को हाइलाइट करना चाहिए। –

+0

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

+0

हां। यह समझ आता है। –

संबंधित मुद्दे