React Native:确定文本组件的行数

正如标题所说,我一直在试图find一种方法来确定文本组件后的文本组成部分的行数。 看看我下面的例子。

<Text> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper ut ipsum in ultrices. Vivamus fringilla lacinia odio in accumsan. Proin sit amet pellentesque tortor. Nam mollis sit amet ligula id convallis. Etiam in semper diam. Cras id elit consectetur, interdum ante id, tincidunt nisi. Integer non elit placerat, dignissim nibh at, faucibus sem. Curabitur nec posuere turpis. Vivamus rhoncus nulla vitae mi imperdiet, elementum eleifend mi laoreet. Vestibulum molestie turpis non nibh elementum, sed ornare magna tristique. Aliquam erat volutpat. Phasellus volutpat mi vel tempor finibus. </Text> 

在运行时,我怎样才能确定这个文本组件已经渲染了多less行。 这个数字会根据设备的不同而有所不同(例如iPhone 5将需要渲染更多的线条,因为它具有更小的屏幕尺寸)。 我已经检查了Text组件的源代码,但似乎没有任何我正在寻找的东西。

我正在使用React Native 0.24。

有任何想法吗?

干杯。

它看起来像React Native 0.24实现了一个onLayout函数
http://facebook.github.io/react-native/docs/text.html#onlayout

onLayoutfunction
调用装载和布局更改
{nativeEvent:{layout:{x,y,width,height}}}

所以看起来你可以传递一个onLayoutcallback函数,获取Text组件的高度,然后使用行高来计算行数