Что означает width null в react-native?

Я проходил через несколько вопросов на SO и несколько приложений, где я наткнулся на следующую конфигурацию стиля: -

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

мне было интересно, что такое использование width:null здесь. Кто-нибудь может помочь?

8
react-native

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,
}

посмотреть этой видео

7