0
我试图在React Native中构建一个背景图像组件,它只能用于本地图像(因此使用的是iOS的URI),但是图片显示不出来React Native:背景图片未显示
import React from 'react';
import {Image} from 'react-native';
const BackgroundImage = (props) => {
return (
<Image source={{uri: props.img }} style={styles.backgroundImage}>
{props.children}
</Image>
)
};
const styles = {
backgroundImage: {
flex: 1,
width: null,
height: null,
resizeMode: 'cover'
}
};
export {BackgroundImage};
用法:
const App =() => (
<BackgroundImage img='./assets/img/gradient.jpg'>
<View style={{flex: 1}}>
/* More things */
</View>
</BackgroundImage>
);