हल किया गया: फ़्लोट राइट रिएक्ट नेटिव

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

<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
  <Text>Left</Text>
  <Text>Right</Text>
</View>

पहली पंक्ति शैली विशेषता के साथ एक दृश्य तत्व बनाती है। शैली विशेषता में दो गुणों के साथ एक वस्तु होती है, फ्लेक्सडायरेक्शन और जस्टिफाई कंटेंट। फ्लेक्सडायरेक्शन का मान 'पंक्ति' है, और औचित्य सामग्री का मान 'अंतरिक्ष-बीच' है।

व्यू एलिमेंट के अंदर दो टेक्स्ट एलिमेंट हैं। पहले टेक्स्ट एलिमेंट में टेक्स्ट 'लेफ्ट' है, और दूसरे टेक्स्ट एलिमेंट में टेक्स्ट 'राइट' है।

फ्लोट को सही कैसे करें

इस प्रश्न का कोई एक आकार-फिट-सभी उत्तर नहीं है, क्योंकि रिएक्ट नेटिव में फ्लोट कार्य करने का सबसे अच्छा तरीका आपके द्वारा बनाए जा रहे विशिष्ट ऐप के आधार पर अलग-अलग होगा। हालांकि, रिएक्ट नेटिव में फ्लोट कैसे काम करता है, इसके बारे में कुछ युक्तियों में एक द्रव ग्रिड लेआउट का उपयोग करना और यह सुनिश्चित करना शामिल है कि सीएसएस पोजीशनिंग गुणों का उपयोग करके सभी तत्वों को तैनात किया गया है। इसके अतिरिक्त, यह माउस के लिए प्रतिक्रिया-देशी-वेक्टर-आइकन और एनिमेशन के लिए प्रतिक्रिया-देशी-तरंग का उपयोग करने में मददगार हो सकता है।

बाईंओर तैरना

रिएक्ट नेटिव में ऐसा करने का कोई अंतर्निहित तरीका नहीं है। आप रिएक्ट-नेटिव-फ्लोट-लेफ्ट जैसी लाइब्रेरी का उपयोग कर सकते हैं या इनलाइन फ़ंक्शन का उपयोग कर सकते हैं।