Что означает ширина null в реакции-native?

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 видео