Question

我在SO和几个应用程序上遇到了一些问题，我遇到了以下样式配置： -

  container: {
    flex:1,
    width: null,
  },

我想知道width:null在这里的用途是什么。有人可以帮忙吗？

Answer 1

<Image source={require('./images/MacWallPaper.jpg')} style={styles.container}>

</Image>

如果您未指定width: null和height: null组件，请提取源图像的实际宽度和高度。

container: {
   flex: 1,
   justifyContent: 'center',
   alignItems: 'center',
   backgroundColor: 'rgba(0, 0, 0, 0)',
}

当您明确指定width: null和height: null组件时，

不会使用图片的实际宽度和高度。

container: {
   flex: 1,
   justifyContent: 'center',
   alignItems: 'center',
   backgroundColor: 'rgba(0, 0, 0, 0)',
   // remove width and height to override fixed static size
   width: null,
   height: null,
}

观看this视频

width null在react-native中表示什么？

1 个答案: