web-dev-qa-db-fra.com

Où placer des images dans un projet réactif?

Je travaille sur un projet réactif natif et nous mettons actuellement les images dans le dossier /images/. Est-ce un bon chemin pour eux? Y a-t-il une meilleure pratique? 

 enter image description here

react-native
18
BigOther

Vous pouvez ajouter un dossier d’images à src (src/image/index.js). Le dossier d’images ajoute un fichier index.js, crée et ajoute une image complète de l’application .

export const IMAGENAME = require('./icon.png');

Lors de l'importation du dossier d'image

import { IMAGENAME } from '../image';

utiliser l'image:

<Image source={ IMAGENAME } />

Vous pouvez ajouter une image au dossier des images et définir le chemin d'accès au fichier d'index . Nous espérons que cela vous aidera.

19
Nidhi Patel

Pour ajouter une image statique à votre application, placez-la quelque part dans votre arborescence de code source et faites-la référence comme suit:

<Image source={require('./my-icon.png')} />

s'il vous plaît voir le lien ci-dessous pour plus d'explications:

https://facebook.github.io/react-native/docs/images.html

3
Aneesh P V

Dans le dossier assets d'image, créez le fichier index.js et mettez ce qui suit:

    const images = {
        main_bg: require('./background.png'),
        main_logo: require('./auth/home_title.png'),
        ///you can add more many images like this here.
    };


module.exports = images;

Lorsque vous utilisez les images, vous pouvez procéder comme suit:

importer des images de '../../assets/index';...

2
lingjin.w