短视频系统源码，上传图片自适应拉伸符合高度

短视频系统源码，上传图片自适应拉伸符合高度实现的相关代码

 

1

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

​以上就是短视频系统源码，上传图片自适应拉伸符合高度实现的相关代码， 更多内容欢迎关注之后的文章