Reactjs 反应自然';Android与iOS的差异

Reactjs 反应自然';Android与iOS的差异,reactjs,react-native,react-native-android,react-native-ios,Reactjs,React Native,React Native Android,React Native Ios,当我使用填充样式时,问题在于Android-iOS上的差异 <Content style={{padding: '7%'}}> 我怎么能用同样的款式呢 React native是无单元的。这意味着在这种情况下,7%的值不是有效值。您应该使用静态值,如7或20,或者可以使用Dimensions.get('window').width获取页面宽度,并使用它设置一些属性。您的代码如下所示: let windowWidth = Dimensions.get('window').wid

当我使用填充样式时,问题在于Android-iOS上的差异

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

我怎么能用同样的款式呢


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

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

<Content  style={{padding: windowWidth*7/100}}> // equal to 7%
let windowWidth=Dimensions.get('window').width
//等于7%

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

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

<Content  style={{padding: windowWidth*7/100}}> // equal to 7%
let windowWidth=Dimensions.get('window').width
//等于7%

可能会帮助您显示更多代码。可能会帮助您显示更多代码。