如何可靠地测量React Native中所有组合子元素的计算高度

import React, { useState } from 'react';
import { View, Text } from 'react-native';

const ParentComponent = () => {
  const [childHeight, setChildHeight] = useState(0);

  const onChildLayout = (event) => {
    const { height } = event.nativeEvent.layout;
    setChildHeight(height);
  };

  return (
    <View>
      <View onLayout={onChildLayout}>
        <Text>Child Component</Text>
      </View>
      <Text>Child Height: {childHeight}</Text>
    </View>
  );
};

export default ParentComponent;

import React, { useRef, useEffect } from 'react';
import { View, Text } from 'react-native';

const ChildComponent = () => {
  const childRef = useRef(null);

  useEffect(() => {
    if (childRef.current) {
      childRef.current.measure((x, y, width, height) => {
        console.log('Child Height:', height);
      });
    }
  }, []);

  return (
    <View ref={childRef}>
      <Text>Child Component</Text>
    </View>
  );
};

export default ChildComponent;