React Native - 为什么填充不起作用？

Question

为什么填充在 React Native 中永远不起作用？我在图像和下面的文本框中有 10px 的填充：

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

结果：

任何想法为什么？我错过了什么？

原文由 Run 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用它来填充：

 function padding(a, b, c, d) {
  return {
    paddingTop: a,
    paddingRight: b ? b : a,
    paddingBottom: c ? c : a,
    paddingLeft: d ? d : (b ? b : a)
  }
}

在实践中

<Text style={{...padding(10, 20, 10, 5), color: "black"}}>Some text</Text>

原文由 gilbert-v 发布，翻译遵循 CC BY-SA 4.0 许可协议