react-native - 如何在 React Native 中将静态图像拉伸(stretch)为背景？

Question

我想在我的 native 应用程序中使用背景图片，
图像比屏幕小，所以我必须拉伸(stretch)它。

但如果图像是 则不起作用从 Assets 包加载

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'}} :

Answer 1

对我来说使用 undefined而不是 null值(value)。在 typescript 环境下，会提示 not assignable

 bgImage: {
flex: 1,
width: undefined,
height: undefined,
resizeMode: 'stretch',

},