短視訊系統原始碼，上傳圖片自適應拉伸符合高度

短視訊系統原始碼，上傳圖片自適應拉伸符合高度實現的相關程式碼

import React, { useState, useEffect } from 'react';
import { Image } from 'react-native';
export default ({ source = {}, style = {}, width = 0 }) => {
  const [height, setHeight] = useState(100);
  useEffect(() => {
    if (source.uri) {
      // 網路圖
      Image.getSize(source.uri, (w, h) => {
        setHeight((width * h) / w);
      });
    } else {
      // 本地圖
      const result = Image.resolveAssetSource(source);
      let h = result.height;
      let w = result.width;
      const finalHeight = (width * h) / w;
      setHeight(finalHeight);
    }
  }, [source, width]);
  return <Image style={[style, { height, width }]} source={source} />;
};

以上就是短視訊系統原始碼，上傳圖片自適應拉伸符合高度實現的相關程式碼， 更多內容歡迎關注之後的文章