react-native:仅适用于 android/iOS 的平台特定样式代码

Question

我需要一种特定的样式才能仅适用于 android，并且在 iOS 上不需要任何效果。

我的代码片段有点像这样：

<CardItem
  style={{
borderWidth: 0,
borderLeftWidth: 0,
borderRightWidth: 0,
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
backgroundColor: "#fff",
overflow: Platform.OS == "ios" ? "hidden":"auto"
}}
cardBody
>

我需要仅在iOS上隐藏溢出，而在Android上不需要任何效果。我用过溢出： 平台操作系统 == "ios" ？"隐藏"："自动">，但看起来不适合该场景。

需要帮助。

Answer 1

Overflow 属性在 react-native 上没有auto值。那是枚举，有这些：

枚举("可见"、"隐藏"、"滚动"(

为安卓设置可见而不是自动。(这是默认值(

overflow: Platform.OS == "ios" ? "hidden": "visible"

应该工作。