基于react-native,百度地图开发的记录运动轨迹的app Edit Add topics

reactNativeMap

基于react-native,百度地图开发的记录运动轨迹的appnode

start

在根目录执行npm installreact

依赖项:

"react": "16.0.0-alpha.6",
"react-native": "0.43.3",
"react-native-wechat": "^1.9.2",
"react-navigation": "^1.0.0-beta.7"

因为我在写的时候,0.43刚出来,本着尝鲜的冲动,用了它,致使react-navigation不兼容,会报错。这里的解决办法就是注释掉android

node_modules\react-navigation\src\views\Header.js

里面的第12行, 以下git

// import ReactComponentWithPureRenderMixin from 'react/lib/ReactComponentWithPureRenderMixin';

百度地图依赖:

因为我所使用的百度地图功能,包括定位,地图,鹰眼,因此申请百度key的时候须要选择这三个,通常默认是包涵的。github

百度地图的key修改位置:npm

android\app\src\main\AndroidManifest.xml

里面的:react-native

<meta-data
        android:name="com.baidu.lbsapi.API_KEY"
        android:value="你的百度密钥" />

微信依赖:

使用的是react-native-wechat,它的注册是在componentDidMount生命周期方法里面注册,例如:api

componentDidMount() {
    WeChat.registerApp('你的微信key');
}

运行

react-native run-android

这里说明, 使用android模拟器运行,会闪退,因此建议在真机上运行。微信

最后

github地址app

相关文章
相关标签/搜索