Я бы хотел использовать фоновое изображение в своем родном приложении, изображение меньше экрана, поэтому я должен растянуть его.
но это не работает, если изображение загружено из пакета ресурсов
var styles = StyleSheet.create({
bgImage: {
flex: 1,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'stretch',
resizeMode: 'stretch',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
}
});
<Image source={require('image!background')} style={styles.bgImage}>
<Text style={styles.welcome}>
Welcome to React Native!
</Text>
</Image>
он выглядит так:
однако он отлично работает для удаленного изображения, через source={{uri: 'background-image-uri'}}
: