web-dev-qa-db-fra.com

Est-il possible d'utiliser Image.getSize avec un fichier image statique?

Je souhaite utiliser Image.getSize ( https://facebook.github.io/react-native/docs/image.html ) pour obtenir la taille de mon image, mais le premier argument nécessite la source de l'image. URI mais je ne peux pas utiliser URI avec un fichier statique, je ne peux utiliser que Require.

Par conséquent, est-il possible d'utiliser Image.getSize sur un fichier statique ou dois-je trouver un autre moyen?

11
binkpitch

Vous pouvez utiliser resolutionAssetSource (from react-native/Libraries/Image/resolAssetSource ) pour obtenir la taille de l’image.

import resolveAssetSource from 'resolveAssetSource';

et

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

Vous pouvez utiliser Image.resolveAssetSource(source).width et Image.resolveAssetSource(source).height.

Référence dans React Native docs: https://facebook.github.io/react-native/docs/image.html#resolveassetsource

2
Benoît Vogel

À travers document officiel

import { Image } from 'react-native'

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

Ensuite, utilisez image.width et image.height

0
duan