MarginBottom可以工作，但是PaddingBottom不能在React Native上工作吗？

Question

am在react Native中创建带有垂直矩形的形状，因此当我应用paddingBottom时，它不会进行任何更改，但是当我应用marginBottom时，则可以进行所需的更改！为什么呢？

我的代码：

<View style={{ 
      width: 35, 
      height: 35, 
      borderRadius: 5, 
      borderColor: 'red', 
      backgroundColor:'red', 
      borderWidth: 1, 
      paddingBottom: 20 }}> 
      </View > 

      <View style={{ 
      width: 35, 
      height: 35, 
      borderRadius: 5, 
      borderColor: 'red', 
      backgroundColor:'red', 
      borderWidth: 1, 
      paddingBottom: 20 }}> 
      </View >   

当我应用paddingBottom：20时，两者之间没有空格！但是当我应用marginBottom时它有效！为什么呢？

在此反应平台中使用web复制Click for reference

Answer 1

这就是保证金的行为方式。它用于定义网页或本例中屏幕上不同元素之间的空间。如果您观察下图，则可以看到在元素内部使用了填充，而边距在元素外部使用了，可以用来分隔元素