美文网首页
React-Native 判断设备并控制style变量样式

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

作者: Axiba | 来源:发表于2016-03-17 13:43 被阅读5985次

    首先纯粹判断设备是安卓还是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>
    

    相关文章

      网友评论

          本文标题:React-Native 判断设备并控制style变量样式

          本文链接:https://www.haomeiwen.com/subject/abrclttx.html