【问题标题】:React-Native's padding difference for Android vs iOSReact-Native 在 Android 和 iOS 上的填充差异
【发布时间】:2017-11-24 03:49:42
【问题描述】:

当我使用填充样式时的问题,它在 Android - iOS 上有所不同

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

我怎么能以同样的风格拿它

【问题讨论】:

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


【解决方案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%

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-05-02
    • 2021-01-07
    • 2013-04-12
    • 1970-01-01
    • 1970-01-01
    • 2017-10-10
    • 2023-03-03
    • 2013-05-07
    相关资源
    最近更新 更多