How to repeat a pattern image to create a background in React Native?

Posted by Andre Scott | Updated on February 17, 2020

Want to repeat a pattern image to create a background in React Native? You can’t repeat background image like CSS in React Native. But, You can achieve it by iterating the image like below example:

var React = require('react-native');

var Dimensions = require('Dimensions');

var {

Image

} = React;

var RepeatImage = React.createClass({

render: function(){

var images = [],

imgWidth = 7,

winWidth =Dimensions.get('window').width;

for(var i=0;i<Math.ceil(winWidth / imgWidth);i++){

images.push((

))

}

return (

{

images.map(function(img,i){

return img;

})

}

</View>

)

}

});

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

How to repeat a pattern image to create a background in React Native?

Related Questions & Answers

Solved Programs