हल: लंबवत संरेखण केंद्र देशी दृश्य पर प्रतिक्रिया करता है

वर्टिकल एलाइनमेंट सेंटर रिएक्ट नेटिव व्यू से जुड़ी मुख्य समस्या यह है कि यह स्क्रॉलिंग की समस्या पैदा कर सकता है। जब कोई उपयोगकर्ता किसी पृष्ठ को नीचे स्क्रॉल करता है, तो स्क्रीन के बीच की सामग्री उनके साथ नीचे चली जाएगी, लेकिन स्क्रीन के किनारों की सामग्री स्थिर रहेगी। यदि आप चाहते हैं कि उपयोगकर्ता आपकी सभी सामग्री एक बार में देख सकें, तो यह एक समस्या हो सकती है।

There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.

रिएक्ट नेटिव में किसी दृश्य को लंबवत रूप से संरेखित करने का कोई अंतर्निहित तरीका नहीं है। हालाँकि, आप किसी दृश्य को लंबवत रूप से केंद्र में रखने के लिए "translateY (50%)" मान के साथ शैली गुण "रूपांतरण" का उपयोग कर सकते हैं।

टेक्स्ट वर्टिकल अलाइन इन रिएक्शन नेटिव (नेटिवबेस का उपयोग करके)

पाठ में लम्बवत संरेखण को TextAlign गुण द्वारा नियंत्रित किया जाता है। तीन संभावित मान हैं:

बाएं

केंद्र

सही

नेस्टेड पाठ

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

अपने रिएक्टिव नेटिव ऐप में नेस्टेड टेक्स्ट का उपयोग करने के लिए, पहले एक नया टेक्स्टफिल्ड कंपोनेंट बनाएं। फिर, निम्न कोड को कंस्ट्रक्टर में जोड़ें:

यह राज्य = {};

यह टेक्स्ट फ़ील्ड की स्थिति को इनिशियलाइज़ करेगा ताकि इसमें एक खाली स्ट्रिंग हो। इसके बाद, निम्न कोड को ऑन चेंज हैंडलर में जोड़ें:

this.setState({text: this.state.text});

यह टेक्स्ट फ़ील्ड की स्थिति को अद्यतन करेगा जिसमें वर्तमान में जो भी मूल्य है। अंत में, अपने मूल के नीचे एक नया टेक्स्टफिल्ड घटक जोड़ें और निर्दिष्ट करें कि इसे बाल क्षेत्र के रूप में उपयोग किया जाना चाहिए: