React|React Native之特定平台
文章图片
在跨平台时,我们可能需要不同的平台编写不同代码的需求。
- 不同平台返回不同的style
var styles = StyleSheet.create({
height:Platform.OS === "ios" ? 200:100
})
Platform.OS在iOS上会返回ios,在Android设备上会返回android。第二种方式:
var styles = StyleSheet.create({
container:{
flex: 1,
...Platform.select({
ios:{
backgroundColor:"red"
},
android:{
backgroundColor: "blue"
}
})
}
})
也可以利用Platform.selecte实现不同平台返回不同的组件。
constComponent = Platform.select({
ios:()=> require("ComponentIOS"),
android:()=> require("ComponentAndroid")
})
- 检测Androdi版本
也就是Android的api level。
if (Platform.Version() === 25) {
console.log("Running on Nougat!")
}
- 检测iOS版本
var majorVersionIOS = parseInt(Platform.Version,10);
if (majorVersionIOS <= 9) {
console.log("Work around a change in behavior")
}
推荐阅读
- PMSJ寻平面设计师之现代(Hyundai)
- 太平之莲
- 闲杂“细雨”
- 七年之痒之后
- 深入理解Go之generate
- 由浅入深理解AOP
- 期刊|期刊 | 国内核心期刊之(北大核心)
- 生活随笔|好天气下的意外之喜
- 感恩之旅第75天
- python学习之|python学习之 实现QQ自动发送消息