如何在React Native中重复图案图像以创建背景？

Question

我正在为iOS构建一个简单的ReactNative应用程序，并且试图添加背景图片。似乎没有backgroundImage标签，尽管我确实设法在页面上显示了一次图像，但我无法像使用CSS一样在整个页面上重复该图像。有什么建议？

Answer 1

您不能在React Native中重复像CSS这样的背景图片。但是，您可以通过像

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((
           <Image source={{uri: 'http://xxx.png'}} style={} />
        ))
    }

    return (
        <View style={{flex:1,flexDirection:'row'}}>
        {
         images.map(function(img,i){
         return img;
         })
        }
        </View>
    )
  }
});