रिएक्ट नेटिव टेक्स्ट अंडरलाइन के साथ मुख्य समस्या यह है कि वांछित लुक और फील प्राप्त करना मुश्किल हो सकता है। साथ ही, अलग-अलग डिवाइस में अंडरलाइन को एक जैसा बनाए रखना मुश्किल हो सकता है.
<Text style={{textDecorationLine: 'underline'}}>This is an underlined text</Text>
कोड की यह पंक्ति पाठ के साथ एक पाठ घटक बनाती है "यह एक रेखांकित पाठ है" और शैली "textDecorationLine: 'अंडरलाइन'"।
टेक्स्ट को स्टाइल कैसे दें
रिएक्ट नेटिव में टेक्स्ट को स्टाइल देने के कुछ तरीके हैं।
स्टाइलशीट एपीआई का उपयोग करने का एक तरीका है। यह एपीआई आपको अपने रिएक्टिव नेटिव कोड में अलग-अलग टेक्स्ट नोड्स और विशेषताओं के लिए शैलियों को परिभाषित करने की अनुमति देता है। आप रिएक्टिव नेटिव डॉक्यूमेंटेशन वेबसाइट पर स्टाइलशीट एपीआई के बारे में अधिक जानकारी प्राप्त कर सकते हैं।
दूसरा तरीका टेक्स्ट स्टाइल घटक का उपयोग करना है। यह घटक आपको अपने रिएक्टिव नेटिव कोड में पूरे पैराग्राफ या टेक्स्ट के ब्लॉक के लिए शैलियों को परिभाषित करने की अनुमति देता है। आप रिएक्ट नेटिव डॉक्यूमेंटेशन वेबसाइट पर टेक्स्ट स्टाइल घटक के बारे में अधिक जानकारी प्राप्त कर सकते हैं।
प्रतिक्रिया में पाठ गुण
रिएक्ट नेटिव में टेक्स्ट गुण रिएक्ट में टेक्स्ट गुणों के समान हैं। आप किसी घटक के टेक्स्ट को सेट करने के लिए टेक्स्ट प्रॉप्स का उपयोग कर सकते हैं, या आप किसी घटक का टेक्स्ट प्राप्त करने के लिए टेक्स्ट एपीआई का उपयोग कर सकते हैं।
किसी घटक का पाठ सेट करने के लिए, पाठ गुण का उपयोग करें:
किसी घटक का पाठ प्राप्त करने के लिए, पाठ API का उपयोग करें:
