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

結果：

任何想法，爲什麼？我錯過了什麼？

Answer 1

Android與React Native往往不喜歡填充，除非它有邊框。臨時解決方法是將所有「paddingXXX」更改爲「marginXXX」以獲得所需的近似樣式。

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

這是一個非常糟糕的解決方法，但我還沒有看到一個簡明的修復它。據我所知，Git回購存在一個問題，但尚未確定。

Answer 2

android的填充問題在react-native v0.31.0版本中得到修復。 有關更多詳細信息，你可以去react-natvie發佈changelog https://github.com/facebook/react-native/releases