reactjs - 样式表中的平台条件语句(react-native)

Question

对于次要平台特定代码，您可以使用 Platform 模块来执行一些与平台相关的代码。正如此处文档中详细说明的: https://facebook.github.io/react-native/docs/platform-specific-code.html

有一个如何在样式表中使用它的示例

var styles = StyleSheet.create({ 
   height: (Platform.OS === 'ios') ? 200 : 100, 
});

我想做一些类似的事情，但一个简单的 if 语句来决定是否使用一种样式，例如仅适用于一个平台的样式。

这是一个例子:

var styles = StyleSheet.create({
   textInputStyle: {
      if (Platform.OS === 'android') {
         textAlignVertical:'top' // android only style
      }
   }
});~

这在语法上是不正确的，实现此目的的正确代码是什么。我希望避免为每个平台使用两个单独的样式表，因为当只有 1 或 2 个字段不同时，这似乎是不必要的。

Answer 1

我相信这就是您正在寻找的:

var styles = StyleSheet.create({
   textInputStyle: {
      ...Platform.select({
        ios: {
            //
        },
        android: {
            //
        },
    }),
   }
})

link您提供的显示上述代码作为示例。 (v0.59)