微客导航 » 文章资讯 » react-native 查找操作系统类型/版本

react-native 查找操作系统类型/版本

2024-04-15 18:37:04 497

示例

第一步是从“react-native”包中导入Platform，如下所示：

import { Platform } from 'react-native'

完成此操作后，您可以继续操作并通过Platform.OS允许您在条件语句中使用它来访问操作系统类型，例如

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

如果要检测Android版本，可以这样使用Platform.Version：

if (Platform.Version === 21) {
  console.log('Running on Lollipop!');
}

对于iOS，Platform.Version返回的是String，对于复杂的条件，请不要忘记解析它。

if (parseInt(Platform.Version, 10) >= 9) {
    console.log('Running version higher than 8');
}

如果平台特定的逻辑很复杂，则可以基于平台呈现两个不同的文件。例如：

MyTask.android.js

MyTask.ios.js

并要求使用

const MyTask = require('./MyTask')