特定于h1、h2、h3等标签的平台

Question

如何编写特定平台的特定标记？

我知道是这样的.Platform.OS === 'ios' ? h2 : h3

但如何给它贴标签呢？

Answer 1

实现这一目标的最简单方法是；

方法1

var {Platform} = React;

var styles = StyleSheet.create({
    fontSize: (Platform.OS === 'ios') ? 18 : 22
});

方法2

 {Platform.OS === 'ios' && <H1>{'iOS'}</H1}
 {Platform.OS === 'android' && <H2>{'Android'}</H2}

方法3

 <Text style={(Platform.OS === 'ios') ? styles.android_style : styles.ios_style}>

还有其他的方法，但首先想到的是这些。我建议方法1，因为它是一个很好，干净的解决方案。