css - style - React Native: ¿por qué el relleno no funciona?

shadowoffset react native

Question

¿Por qué el relleno nunca funciona en React Native? Tengo 10px relleno en la imagen y el cuadro de texto a continuación:

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''
    }
});

Resultado:

¿Alguna idea de por qué? ¿Me he perdido algo?

Answer 1

Android con React Native tiende a no gustarle el relleno, a menos que tenga un borde. Una solución temporal sería cambiar todo su "paddingXXX" a "marginXXX" para obtener el estilo aproximado que desea.

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''
}
});

Es una solución realmente mala, pero aún no he visto una solución concisa. Por lo que sé, hay un problema en el repositorio de Git pero aún no ha sido resuelto.

Answer 2

el problema de relleno para Android está fijado en la versión v0.31.0 de react-native. para más detalles, puede ir a reaccionar-nat release releaselog https://github.com/facebook/react-native/releases