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