वर्टिकल अलाइनमेंट सेंटर रिअॅक्ट नेटिव्ह व्ह्यूशी संबंधित मुख्य समस्या ही आहे की यामुळे स्क्रोलिंग समस्या उद्भवू शकतात. जेव्हा वापरकर्ता पृष्ठ खाली स्क्रोल करतो, तेव्हा स्क्रीनच्या मध्यभागी असलेली सामग्री त्यांच्यासह खाली जाईल, परंतु स्क्रीनच्या बाजूची सामग्री स्थिर राहील. जर तुम्ही वापरकर्त्यांना तुमची सर्व सामग्री एकाच वेळी पाहण्यास सक्षम होऊ इच्छित असल्यास ही समस्या असू शकते.
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%)" या मूल्यासह "transform" शैली गुणधर्म वापरू शकता.
रिअॅक्ट नेटिव्हमध्ये मजकूर अनुलंब संरेखित करा (नेटिव्हबेस वापरून)
मजकूरातील अनुलंब संरेखन TextAlign गुणधर्माद्वारे नियंत्रित केले जाते. तीन संभाव्य मूल्ये आहेत:
बाकी
केंद्र
योग्य
नेस्टेड मजकूर
React Native मध्ये, नेस्टेड मजकूर हे एक वैशिष्ट्य आहे जे तुम्हाला मजकूर फील्ड तयार करण्यास अनुमती देते ज्यामध्ये इतर मजकूर फील्ड असू शकतात. तुम्हाला एकापेक्षा जास्त फील्ड असलेला फॉर्म तयार करायचा असेल आणि तुम्हाला फील्ड व्यवस्थित ठेवायची असतील तर हे उपयुक्त आहे.
तुमच्या React नेटिव्ह अॅपमध्ये नेस्टेड मजकूर वापरण्यासाठी, प्रथम एक नवीन TextField घटक तयार करा. त्यानंतर, कन्स्ट्रक्टरमध्ये खालील कोड जोडा:
this.state = {};
हे मजकूर फील्डची स्थिती आरंभ करेल जेणेकरून त्यात रिक्त स्ट्रिंग असेल. पुढे, ऑनचेंज हँडलरमध्ये खालील कोड जोडा:
this.setState({text: this.state.text});
हे मजकूर फील्डची स्थिती सध्या त्यात असलेल्या कोणत्याही मूल्यासह अद्यतनित करेल. शेवटी, तुमच्या मूळच्या खाली एक नवीन TextField घटक जोडा आणि ते चाइल्ड फील्ड म्हणून वापरले जावे हे निर्दिष्ट करा:
