• React Native(五)——获取设备信息react-native-device-info


    e824b899a9014c0803d6b565037b02087af4f405

    心酸史:

    自从接触rn开始后,越来越多的引入第三方组件而开始的配置文件,让自己一再头疼:

    明明是按照官方文档一步一步的配置,为什么别人可以做到的自己却屡屡出错,真是哭笑不得……从微信分享react-native-wechat,极光推送jpush-react-native,再到现在的获取设备信息react-native-device-info,真的是怕了配置文件了(或许大神们一直不会理解像zheng小叶这样菜鸟级手机开发的这般痛苦……个中滋味只有自己深知)但是当别人再问自己相关的配置时,自己还是不能只用“这个我不会,你自己看吧!”的回答敷衍,毕竟要做团结有爱的好同事嘛,况且也要做个好榜样(就像郑小爽一样)。于是,就硬着头皮再上手吧!

    201210281454518783

    正题:

    文档地址:https://github.com/rebeccahughes/react-native-device-info

    按照文档中的一步步认真修改,基本就是可以正常使用,只是有几点小问题需要特殊处理一下。

    若干问题:

    1.QQ截图20170928163244

    配到这里的时候,这里可以跳过;

    2.1

    配置好文件,再将app安装在手机上。(在书上看过,rn项目还是使用真机性价比高些)因此,关掉模拟器连上真机react-native run-android,可是莫名其妙的错误来了,如上图:

    2f69df40cfa23c5785b632dda1f4507c

    这是什么报错???百度,google了好久,看到的是成片成片的英文解释,幸好自己心理足够强大,才从众说纷纭中找到了解决办法:打开SDK Manager,安装上Google Repository,然后再运行react-native run-android,居然就好了(如果再不行的话,打开SDK Manager,装上24版本的(这里看红色的错误信息,缺少哪个版本的Android SDK Tools就安装哪个版本),这样子就肯定好了【亲测有效】)

    1.1

    QQ截图20170928164454


    做完这些事情,将app顺利安装在手机上后,就会看到想要的啦:

    相关的API都在文档中:https://github.com/rebeccahughes/react-native-device-info

    ...
    componentWillMount() {
        console.log("222222222222222222");
        let clientId = DeviceInfo.getUniqueID();
        console.log("Device Unique ID", clientId); 
        console.log("Device Name", DeviceInfo.getSystemName());
      }
    ...

    QQ截图20170928164928

    完美~

    遇到诸如此类的问题后,就像以前老大帮忙解决问题一样,换个角度多方面思考问题,这样再难的问题总会解决掉。

    PS(如果连接模拟器的话, Cannot read property 'uniqueId' of undefined,因此调试rn项目的时候,最好使用真机,这样就会避免发生不可预知的bug):

    QQ截图20170929090655

  • 相关阅读:
    ACCP7.0-S2-复习自测-15测试分析
    线程
    多线程下的单例模式
    combobox 属性、事件、方法
    java的多线程总结
    爬虫--登录网页
    shell--字符串是否为空
    python--正则表达式 字符串匹配
    mysql---表所在数据库
    python--日期操作
  • 原文地址:https://www.cnblogs.com/zhengyeye/p/7607621.html
Copyright © 2020-2023  润新知