Programing

정적 이미지 파일에 Image.getSize를 사용할 수 있는가?

c10106 2022. 3. 25. 21:38
반응형

정적 이미지 파일에 Image.getSize를 사용할 수 있는가?

Image.getSize(https://facebook.github.io/react-native/docs/image.html)를 사용하여 이미지의 크기를 가져오려고 하는데 첫 번째 인수는 이미지 소스가 URI에 있어야 하는데 정적 파일로는 URI를 사용할 수 없어 요구 사항만 사용할 수 있다.

따라서 Image.getSize on static file을 사용하는 것이 가능한가 아니면 다른 방법을 찾아야 하는가?

resolutionAssetSource(reactive/Library/Image/resolveAssetSource에서)를 사용하여 이미지의 크기를 가져올 수 있다.

import resolveAssetSource from 'resolveAssetSource';

그리고

let icon =  require('./assets/images/icon.png'); 
let source = resolveAssetSource(icon);
// source.width, source.height`

사용할 수 있다Image.resolveAssetSource(source).width그리고Image.resolveAssetSource(source).height.

기본 문서 대응 참조: https://facebook.github.io/react-native/docs/image.html#resolveassetsource

공문서를 통해

import { Image } from 'react-native'

const url = require('./x.png')
const image = Image.resolveAssetSource(url)

그 다음 사용image.width그리고image.height

let path = "file:///storage/emulated/0/Pictures/xxx.jpg";
Image.getSize(path,(w,h)=>{
        console.log('w h=',w,h);
    },(err)=>{
        console.log('err....',err);
    })

참조URL: https://stackoverflow.com/questions/41997611/is-it-possible-to-using-image-getsize-with-static-image-file

반응형