React-Native全屏背景圖片

Question

因此，L一直在試圖約4天，但我只是似乎無法得到的圖像表現得像它應該在flexbox ，尤其是與cover resizeMode。

我的代碼是：

var Creator = React.createClass({
  render: function() {
  return (
    <View style={ styles.container }>
      <Image source={ require('image!createBg') } style={ styles.image }></Image>
    </View>
  );
 }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  image: {
    flex: 1,
    resizeMode: 'cover'
  }
});

並輸出以下內容（圖像被大規模拉伸，而不是100％的寬度）：

任何幫助將不勝感激，只是看不出為什么它不起作用！

Answer 1

resizeMode是Image組件的一個單獨道具，在style道具內部沒有任何作用。 它還需要Image組件的枚舉。 因此，您應該像這樣使用它：

<Image
 source={require('image!createBg')}
 style={styles.image}
 resizeMode={Image.resizeMode.contain} />