reactjs react-native-measure-text如何计算高度

iqxoj9l9  于 2023-04-11  发布在  React
关注(0)|答案(1)|浏览(194)

我想测量react-native中文本组件的height,而不将其放置在屏幕上。
react-native-measure-text可以用于此,但此库如何计算它。

yh2wf1be

yh2wf1be1#

它会创建一个与你要测量的属性相同的Text组件,然后将 onLayout prop设置为一个函数,该函数在渲染时捕捉Text组件的布局信息,布局信息包括组件的高度和宽度,可以用来计算文本的高度,在用 onLayout 渲染完Text组件后react-native-measure-text从屏幕上移除组件,但保留其布局信息。然后它将组件的高度返回给您,允许您测量原始文本组件的高度,而无需实际在屏幕上呈现它。

相关问题