React-Native 判断设备并控制style变量样式

首先纯粹判断设备是安卓还是iOS可以:

import React, {
    Platform
} from 'react-native';

if (Platform.OS == 'android') {
             //
}else if(Platform.OS == 'ios'){
              //
}

当然,涉及到根据设备控制样式的显示,例如底部的tabbar的显示不同设备或者说不同组件的方式是不同的:

<View style= {[styles.container,Platform.OS == 'ios' ? styles.bmStyle : null]}>
                <SearchBarCom />
                {dataList}
</View>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,780评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,864评论 25 709
  • 跨语言RPC框架 RPC框架 RPC(Remote Procedure Call):是一种计算机通信协议。该协议允...
    birdtoto阅读 11,218评论 0 2
  • 当我点开你发的推送,按下播放键,读到第一个字,我就明白了。歌词我不知道说的是什么,但我听到了他的故事和情感,像是在...
    一呐阅读 2,656评论 0 0
  • 今天下班的公交车上,收到闺蜜小慧的微信,大概意思是说,自己要签的一个单子,被别人抢走了,非常生气。她说要是搁在以前...
    洁儿姑凉阅读 1,657评论 1 0

友情链接更多精彩内容