如何在React Native中获得chield视图的大小？

Question

我想在react native中获得子视图的大小。我有一个组件，应该根据其子视图调整其大小，并增加一些空间。 获取子视图的高度和宽度很重要，我不想使用flexs。 谢谢

Answer 1

由react native的View文档提供： https://facebook.github.io/react-native/docs/view

您可以使用onLayout事件获取视图的大小。例如：

<View onLayout={this.onLayout}>
    ...
</View>

如果要从子视图到父视图获取大小。只需简单地将onLayout函数传递给子视图即可。并改用以下代码：

父类：

<View>
    <B onLayout={this.onLayout} />
</View>

“ B”儿童班：

<View onLayout={this.props.onLayout}>
    ...
</View>