2016-09-15 55 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

@Cherniv很遗憾,我无法评论这个问题。这个问题在一年前被问到,所以我希望现在可能有一个解决方案。 –

回答

2

不幸的是,即使在Text中引入了嵌套的Views,仍然没有简单的方法来做到这一点。令人惊讶的是,在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

0

现在你可以使用

flexDirection: 'row'