React Native Scrollview高度未更改以适配子元素

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

const ExampleComponent = () => {
  const [contentHeight, setContentHeight] = useState(0);

  const handleContentSizeChange = (width, height) => {
    setContentHeight(height);
  };

  useEffect(() => {
    // 根据子元素高度设置Scrollview的高度
    // 这里可以根据需要进行其他逻辑处理
  }, [contentHeight]);

  return (
    <View style={{ flex: 1 }}>
      <ScrollView
        style={{ height: contentHeight }}
        onContentSizeChange={handleContentSizeChange}
      >
        {/* 子元素 */}
        <Text>子元素内容</Text>
      </ScrollView>
    </View>
  );
};

export default ExampleComponent;