我試圖實現一個非常普遍的效果,在原生環繞圖像的文字環繞。在網絡上,您可以爲圖片指定float
屬性,並按照p
標籤進行操作。 。如何浮動圖像周圍的文字反應原生
這是我一直在努力的RNPlay example。我認爲我現在使用的方法有點冒失,因爲文本不與圖像頂部對齊並向下流動,所以工作不正常。有沒有一個適當和乾淨的方式來完成這一點?
我試圖實現一個非常普遍的效果,在原生環繞圖像的文字環繞。在網絡上,您可以爲圖片指定float
屬性,並按照p
標籤進行操作。 。如何浮動圖像周圍的文字反應原生
這是我一直在努力的RNPlay example。我認爲我現在使用的方法有點冒失,因爲文本不與圖像頂部對齊並向下流動,所以工作不正常。有沒有一個適當和乾淨的方式來完成這一點?
不幸的是,即使在Text
中引入了嵌套的View
s,仍然沒有簡單的方法來做到這一點。令人驚訝的是,在iOS社區,這似乎是不平凡的。我想到的,這將是值得被測量文本,尺寸和/或字符數,並根據圖像的大小擺弄周圍
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
現在你可以使用
flexDirection: 'row'
有一個封閉的問題:https://github.com/facebook/react-native/issues/4563,您可以嘗試聯繫其作者可能是 – Cherniv
@Cherniv很遺憾,我無法評論這個問題。這個問題在一年前被問到,所以我希望現在可能有一個解決方案。 –