Question

我想为ios和android使用不同的样式，我该怎么办？也许有人知道如何设置TextInput样式，我只需要底部边框，但borderBottomWidth不起作用。

Answer 1

有很多方法可以实现这一目标。在你的情况下最简单的是使用Platform.OS：

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

Answer 2

在https://facebook.github.io/react-native/docs/platform-specific-code中，您可以使用Platform.select

还有一个Platform.select方法可用，给定一个包含Platform.OS作为键的对象，该方法返回您当前正在运行的平台的值。

import { Platform, StyleSheet } from 'react-native'

const styles = StyleSheet.create({
  container: {
    flex: 1,
    ...Platform.select({
      ios: {
        backgroundColor: 'red',
      },
      android: {
        backgroundColor: 'blue',
      },
    }),
  }
})

Answer 3

import { Platform, StyleSheet } from 'react-native'

const styles = StyleSheet.create({
    logo: {
        width: (Platform.OS === 'ios') ? 80 : 100,
    }
});

如何在react-native上使用不同的android和ios样式？

3 个答案: