Sometimes, we want to require image module using dynamic names with React Native.
In this article, we’ll look at how to require image module using dynamic names with React Native.
How to require image module using dynamic names with React Native?
To require image module using dynamic names with React Native, we can call require with a string based on another value.
For instance, we write
const icon = props.active
? require("image!my-icon-active")
: require("image!my-icon-inactive");
<Image source={icon} />;
to call require with different image names based on the value of props.active.
And then we set the source prop to icon in the Image component.
Conclusion
To require image module using dynamic names with React Native, we can call require with a string based on another value.
