如何获得反应-自然成分的高度？

Question

如何获得反应元件的高度？我想使用一个组件的高度值作为其他组件的填充值，如何在react本机中这样做？例如，我从

import { Picker } from '@react-native-picker/picker';

我想用填充值<view>制作一个padding:{Picker}.height组件，怎么做呢？

更新

感谢@A似乎Gautam和@Aniket，我已经尝试了Picker组件的解决方案，但是它不起作用，当我尝试使用View组件时，它工作得很好。为什么会发生这种事？这是否意味着Picker组件不继承视图道具？这里是我尝试过的代码

import React, { Component } from "react";
import { View, Text, SectionList } from "react-native";
import { Picker } from "@react-native-picker/picker";

export default class App extends Component {
  find_dimension(layout){
    const {x, y, width, height} = layout;
    console.warn(x);
    console.warn(y);
    console.warn(width);
    console.warn(height);
  }

  render(){
    return(
      <View>
        <Picker onLayout={(event) => {this.find_dimension(event.nativeEvent.layout)}}>
          <Picker.Item label="Java" value="java" />
          <Picker.Item label="JavaScript" value="js" />
        </Picker>
      </View>
    )
  }
}

Answer 1

Picker继承了View道具。您可以使用onLayout事件获取选择器的height、width、x和y。

<Picker
  onLayout={(event) => {
  var {x, y, width, height} = event.nativeEvent.layout;
}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

Answer 2

下面是如何在View中获得React-Native的高度

<View onLayout={(event) => {
  let {height} = event.nativeEvent.layout;
}} />

这也适用于Picker (如果支持的话)。