reactNative中Image自适应图片高度

在React Native中，可以通过设置Image组件的样式来实现图片自适应高度。

首先，需要将Image组件的宽度设置为屏幕宽度，可以使用Dimensions API来获取屏幕宽度。例如：

import React, { useEffect, useState } from 'react';
import { Image, Dimensions } from 'react-native';

const { width } = Dimensions.get('window');

const MyComponent = () => {
  const [imageHeight, setImageHeight] = useState(0);

  useEffect(() => {
    Image.getSize('https://example.com/image.jpg', (width, height) => {
      const aspectRatio = width / height;
      const calculatedHeight = width / aspectRatio;
      setImageHeight(calculatedHeight);
    });
  }, []);

  return (
    <Image
      source={{ uri: 'https://example.com/image.jpg' }}
      style={{ width: width, height: imageHeight }}
    />
  );
};

export default MyComponent;

上述代码中，我们使用了Image组件的getSize方法来获取图片的原始宽度和高度。然后，根据图片的宽高比例计算出图片的高度，并将其保存在imageHeight状态中。最后，将imageHeight作为Image组件的高度样式属性来实现图片的自适应高度。

请注意，上述示例中的图片URL是一个示例，你需要将其替换为你自己的图片URL。另外，为了获取屏幕宽度，我们使用了Dimensions API，你可以根据自己的需求来获取屏幕宽度。