Android 与 iOS 的 React-Native 填充差异

Question

当我使用填充样式时出现的问题是 Android - iOS 上的差异

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

我怎样才能把它穿成同样的风格

Answer 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%