React Native - dlaczego wyściółka nie działa?

Question

Dlaczego wyściółka nigdy nie działa w React Native? Mam 10px dopełnienie obrazu iw pole poniżej tekst:

const styles = StyleSheet.create({ 
    container: { 
     marginTop: 75, 
     alignItems: 'center' 
    }, 
    image: { 
     width: 107, 
     height: 165, 
     padding: 10, 
     backgroundColor:'blue' 
    }, 
    description: { 
     padding: 20, 
     margin: 10, 
     fontSize: 15, 
     color: '#656565', 
     backgroundColor:'red' 
    } 
}); 

Wynik:

Jakieś pomysły dlaczego? Przegapiłem coś?

Answer 1

Android z React Native ma tendencję do nie lubienia paddingu, chyba że ma granicę. Tymczasowym rozwiązaniem będzie zmiana całego "dopełnienia XXX" na "marginXXX", aby uzyskać pożądany styl.

const styles = StyleSheet.create({ 
container: { 
    marginTop: 75, 
    alignItems: 'center' 
}, 
image: { 
    width: 107, 
    height: 165, 
    margin: 10, 
    backgroundColor:'blue' 
}, 
description: { 
    margin: 30, 
    fontSize: 15, 
    color: '#656565', 
    backgroundColor:'red' 
} 
}); 

To naprawdę złe obejście, ale jeszcze nie widzę zwięzłej poprawki do niego. O ile mi wiadomo, jest problem z repozytorium Git, ale nie został jeszcze naprawiony.

Answer 2

Problem padding dla systemu Android został naprawiony w wersji natywnej w wersji v0.31.0. Aby uzyskać więcej szczegółowych informacji, można przejść do dziennik zmian w dzienniku reakcji-natvie https://github.com/facebook/react-native/releases