因此,我已经尝试了大约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%的宽度):

javascript - React-Native全屏背景图片-LMLPHP

任何帮助将不胜感激,只是看不出为什么它不起作用!

最佳答案

resizeMode是Image组件的单独道具,在style道具内部无效。它还期望Image组件提供一个枚举。因此,您应该像这样使用它:

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

10-07 19:13
查看更多