React Native: require() with Dynamic String?

by

As i have heard of, react’s require() only uses static url not variables, that means that you have to do require('/path/file'), take a look at this issue on github and this one for more alternative solutions, there are a couple of other ways to do it!
for e.g

const images = {
profile: {
    profile: require('./profile/profile.png'),
    comments: require('./profile/comments.png'),
},
   image1: require('./image1.jpg'),
   image2: require('./image2.jpg'),
};

export default images;

then

import Images from './img/index';

render() {
    <Image source={Images.profile.comments} />
}

from this answer

More Related Contents:

  1. React.createClass vs. ES6 arrow function
  2. import * as React from ‘react’; vs import React from ‘react’;
  3. Unable to access React instance (this) inside event handler [duplicate]
  4. Adding script tag to React/JSX
  5. Arrow function without curly braces
  6. When to use ES6 class based React components vs. functional ES6 React components?
  7. Why and when do we need to bind functions and eventHandlers in React?
  8. ReactJS: Maximum update depth exceeded error
  9. What does three dots do in ReactJS [duplicate]
  10. Concatenating variables and strings in React
  11. React functional stateless component, PureComponent, Component; what are the differences and when should we use what?
  12. What is the difference between React Native and React?
  13. What is the difference between using constructor vs state = {} to declare state in react component?
  14. Active link with React-Router?
  15. When should I use brackets with imports
  16. Arrow functions and the use of parentheses () or {} or ({})
  17. What does calling super() in a React constructor do?
  18. How do I setState for nested object?
  19. What is prevState in ReactJS?
  20. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  21. this.setState is not a function [duplicate]
  22. Error: How to serialize data from getStaticProps : Next.js
  23. Update one of the objects in array, in an immutable way
  24. map function not working in React
  25. How to hide bottom navigation bar on a specific screen in react native?
  26. How to namespace es6 classes (for React components)
  27. Do we still need functional setState way in react hooks?
  28. React cannot read property map of undefined
  29. React native – objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store})
  30. React-native view auto width by text inside

Leave a Comment