当我使用填充它在Android上的差异 - iOS React-Native]

时间:2017-06-21 09:54:01

标签: reactjs react-native react-native-android react-native-ios

问题当我使用填充样式时,它在Android上的区别 - iOS

<Content  style={{padding: '7%'}}>

我怎样才能以同样的方式使用它

https://i.imgur.com/IDmQX5p.jpg

1 个答案:

答案 0 :(得分:1)

React native是无单位的。这意味着在这种情况下,7%的值不是有效值。你应该使用像7或20这样的静态值,或者你可以使用Dimensions.get('window').width来获取页面的宽度,并使用它来设置一些属性。你的代码将是这样的:

let windowWidth = Dimensions.get('window').width

<Content  style={{padding: windowWidth*7/100}}> // equal to 7%