Co oznacza szerokość zerowa w trybie natywnym?

Question

szedłem kilka pytań na SO i kilku aplikacjach gdzie natknąłem się na następującej konfiguracji stylu: -

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

Zastanawiałem się, jaki jest pożytek z width:null tutaj. Czy ktoś może Ci pomóc?

Answer 1

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

</Image> 

Jeśli nie określisz width: null i height: null komponent pobiera rzeczywista szerokość i wysokość obrazu źródłowego.

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

kiedy jawnie określić width: null i height: null składnik nie będzie korzystał z rzeczywistej szerokości i wysokości obrazu.

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

Watch this wideo