react-native-static-images

Generate a file for using static images in react native.

Install

npm install react-native-static-images --save-dev

Usage

$(npm bin)/generate-images path/to/images --prefix ../ > src/Images.ts

Additional keys:

Key	Description	Default
--js	generate JavaScript code	TypeScript
--flow	add @flow comment, (--js key is assumed implicitly)	TypeScript
--indent (count)	number of spaces to use for indentation	4
--singlequote	use single quotation marks	double quotation

Full example:

$(npm bin)/generate-images path/to/images --prefix ../ --js --indent 2 > src/Images.js

Example

$ ls public/images/
ResetPassword.jpg	SignIn.jpg		SignUp.jpg		challenges		movements		no-profile-pic.jpg	selfie.jpg
$ $(npm bin)/generate-images public/images --prefix ../ > src/Images.ts
$ cat src/Images.ts
export default class Images {
    static readonly resetPassword = require("../public/images/ResetPassword.jpg");
    static readonly signIn = require("../public/images/SignIn.jpg");
    static readonly signUp = require("../public/images/SignUp.jpg");
    static readonly challengesLegflowPicture = require("../public/images/challenges/legflow/picture.jpg");
    static readonly challengesLegflowThumbnail = require("../public/images/challenges/legflow/thumbnail.jpg");
    static readonly movementsPauseThumbnail = require("../public/images/movements/pause/thumbnail.jpg");
    static readonly movementsPushUpsThumbnail = require("../public/images/movements/push-ups/thumbnail.jpg");
    static readonly movementsSquatHoldThumbnail = require("../public/images/movements/squat-hold/thumbnail.jpg");
    static readonly movementsSquatJumpsThumbnail = require("../public/images/movements/squat-jumps/thumbnail.jpg");
    static readonly noProfilePic = require("../public/images/no-profile-pic.jpg");
    static readonly selfie = require("../public/images/selfie.jpg");
}