2016-09-15 12 views
6

मैं एक छवि के चारों ओर पाठ लपेटने के प्रतिक्रिया मूल में एक बहुत ही आम प्रभाव प्राप्त करने की कोशिश कर रहा हूं। वेब पर आप छवि पर float संपत्ति असाइन करेंगे और p टैग के साथ इसका पालन करेंगे। Here is how I want my elements to flowप्रतिक्रिया में मूल छवि के चारों ओर पाठ कैसे तैरना

यहां एक RNPlay example है जिस पर मैं काम कर रहा हूं। मुझे लगता है कि वर्तमान में मेरे पास जिस विधि का है, वह थोड़ा हैकिश है, और यह ठीक से काम नहीं करता है क्योंकि पाठ छवि के शीर्ष के साथ संरेखित नहीं होता है और नीचे बहता है। क्या इसे पूरा करने के लिए कोई उचित और साफ तरीका है?

+0

एक बंद समस्या है: https://github.com/facebook/react-native/issues/4563, आप अपने लेखक से संपर्क करने का प्रयास कर सकते हैं – Cherniv

+0

@ चेर्निव दुर्भाग्यवश मैं उस मुद्दे पर टिप्पणी करने में सक्षम नहीं हूं । उस सवाल को एक साल पहले करीब पूछा गया था, इसलिए मुझे उम्मीद है कि शायद अब एक समाधान है। –

उत्तर

2

दुर्भाग्य से, Text के अंदर नेस्टेड View एस के परिचय के बाद भी ऐसा करने का कोई आसान तरीका नहीं है। आश्चर्यजनक रूप से आईओएस समुदाय में यह गैर-तुच्छ लगता है।

iphone - How to implement the effect of "float" for image, just like in CSS style https://github.com/Cocoanetics/DTCoreText/issues/438

एक विचार यह है कि मन के साथ पाठ, आयाम और/या वर्ण को मापने है, और छवि के आकार के आधार चारों ओर फेर-लायक होगा की बात आती है, दो भागों में विभाजित पाठ Text घटक, जो दाएं/बाएं ओर जाता है और दूसरा जो छवि के नीचे जाता है।

इस के तहत पदोन्नत मूल निवासी पुस्तकालय मदद कर सकता है कि, जो आप अपनी सामग्री के आधार पर चौड़ाई और एक Text घटक की ऊंचाई मापने के लिए अनुमति देता है प्रतिक्रिया है:

https://github.com/alinz/react-native-swiss-knife/blob/master/lib/text/index.ios.js

0

अब आप

उपयोग कर सकते हैं
flexDirection: 'row' 
संबंधित मुद्दे