react-native-modal的响应高度，根据其中的元素数量

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

const ExampleModal = () => {
  const [modalVisible, setModalVisible] = useState(false);
  const [contentHeight, setContentHeight] = useState(0);

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

  return (
    <View>
      <Button title="Open Modal" onPress={() => setModalVisible(true)} />

      <Modal
        visible={modalVisible}
        onRequestClose={() => setModalVisible(false)}
        onContentSizeChange={handleContentSizeChange}
      >
        <View style={{ height: contentHeight }}>
          <Text>Modal Content</Text>
          {/* 其他内容元素 */}
        </View>
      </Modal>
    </View>
  );
};

export default ExampleModal;