文档章节

react native 开发碰到的问题

罗培海
 罗培海
发布于 08/18 22:15
字数 747
阅读 29
收藏 0

react-navigation v2 问题

问题:

 static navigationOptions = ({navigation, navigationOptions}) => ({
        headerTitle: (
          <Text style={{color:"#fff"}}>我的</Text>
        ),
         headerRight: (
             <View></View>   
        ),
        headerLeft: (
            <View></View>
        )
    })

不管页面如何设置,都不能影响header, 查看文档 大概的意思是 v2 tab 不报错header了链接:https://github.com/react-navigation/react-navigation-tabs/issues/19

高德插件问题

通过使用 https://github.com/react-native-component/react-native-smart-amap/issues 插件,需要生成key,而高德的key需要通过keytool生成(生成key教程地址:https://lbs.amap.com/faq/top/hot-questions/249),在 Android Studio的Terminal 输入命令:keytool -v -list -keystore keystore文件路径报错:

keytool 错误: java.lang.Exception: 密钥库文件不存在: keystore

解决办法:具体查看:https://blog.csdn.net/Cocoa_M/article/details/66968545

keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android
别名: androiddebugkey
创建日期: May 31, 2018
条目类型: PrivateKeyEntry
证书链长度: 1
证书[1]:
所有者: C=US, O=Android, CN=Android Debug
发布者: C=US, O=Android, CN=Android Debug
序列号: 1
有效期为 Thu May 31 22:45:53 CST 2018 至 Sat May 23 22:45:53 CST 2048
证书指纹:
         MD5:  AC:7E:98:73:B6:85:22:2A:14:27:94:50:A5:71:7E:02
         SHA1: EE:D0:46:8C:3D:C4:CB:28:CE:69:8D:13:71:47:8C:D2:3F:84:83:B2
         SHA256: 18:4B:28:F3:B0:1B:1C:8E:8E:03:9C:99:7D:B4:65:F1:57:E2:6D:5E:54:B9:4E:18:ED:F2:53:FC:1B:A7:4F:A0
签名算法名称: SHA1withRSA
主体公共密钥算法: 1024 位 RSA 密钥
版本: 1

Warning:
JKS 密钥库使用专用格式。建议使用 "keytool -importkeystore -srckeystore /Users/lph/.android/debug.keystore -destkeystore /Users/lph/.android/debug.keystore -deststorety行业标准格式 PKCS12。

按照教程继续添加代码 android\app\src\main\AndroidManifest.xml运行报错

Starting: Intent { cmp=com.deraceurapp/.MainActivity }
Error type 3
Error: Activity class {com.deraceurapp/com.deraceurapp.MainActivity} does not exist.
lphdeMacBook-Pro:DeraceurApp lph$ react-native run-android
Scanning folders for symlinks in /Users/lph/react_native/DeraceurApp/node_modules (40ms)
JS server already running.

是包名问题?解决:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.deraceurapp">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>

    <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:allowBackup="false"
      android:theme="@style/AppTheme">
     ......
        <meta-data
        android:name="com.amap.api.v1.deraceurapp.sdk"
        android:value="EE:D0:46:8C:3D:C4:CB:28:CE:69:8D:13:71:47:8C:D2:3F:84:83:B2" />
    ......
    </application>

    


</manifest>

需要写在一个 application里面

运行 react-native run-ios 问题:CFBundleIdentifier", Does Not Exist

这个问题产生原因:

/Users/你的用户名/.rncache中boost_1_63_0.tar.gz,double-conversion-1.1.5.tar.gz,folly-2016.09.26.00.tar.gz,glog-0.3.4.tar.gz文件不完整。或者node_modules/react-native/third-party 文件不完整。

解决方法2种:

  1. 方法1()
  •     删除/user/你的用户名/.rncache目录下的boost_1_63_0。重新下载,下载网址http://www.boost.org/users/history/version_1_63_0.html
  • 打开命令行工具,在项目目录下输入rm -rf node_modules && rm -rf ~/.rncache && yarn

  • npm install 

  • react-native upgrade

   2.方法2

  •     升级xcode

报错问题:Native module VectorIconsPackage tired to override modulename for module  name VectorIconsPackage.If this was your intention,setcanOverrideExistingModule=true

原因:这个是Project\android\app\src\main\java\com\project\MainApplication.java里面 重复引用了包

 protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
            new ReactVideoPackage(),
            new VectorIconsPackage(),
            new RNSoundPackage(),
            new ImagePickerPackage(),
            new ReactNativeAudioPackage(),
            new AMap3DPackage()
      );
    }

删除该函数里面的重复引用

 

 

 

© 著作权归作者所有

共有 人打赏支持
罗培海
粉丝 3
博文 53
码字总数 21312
作品 0
福州
React Native植入原生Android应用的流程解析

引言 React Native是现在移动开发新的可选方案,也带来了原属于Web领域的React的优秀开发特性。另一方面,React Native的技术栈一经掌握,可以用于iOS、Android及Windows(见此)多个平台,即...

freecsdn
2016/09/12
35
0
react native release打包后image无法显示,debug下却可以 已解决

环境如下: window10, node -v 6.9.1 react-native 0.39.0 react native release打包后image无法显示,debug下却可以。这个问题,我在网上查了两天,一直没有看到解决方案。难道这个问题只有...

炼心咒
2016/12/08
489
2
1. react-native-ios之----20分钟搭建环境

欢迎大家收看react-native-ios系列教程,跟着本系列教程学习,可以熟练掌握react-native-ios的开发,你值得拥有: http://my.oschina.net/MrHou/blog?catalog=3617440 1 环境 首先来看看,如...

侯禹
2016/07/05
110
0
有偿寻求帮忙解决window下运行react-native start的报错

这个问题困扰挺久了,求帮忙,给报酬 虚拟机已经启动了,但是运行npm start和react-native start时候出问题: npm start时: react-native start时: 谁有碰到过的吗。参考资料链接: 1、htt...

蓝川逸风
2016/03/20
796
4
Android混合开发

前端周刊第 52 期:JS Conf 2017 开始报名、苹果腾讯开战、React Native 周边 哈哈,互联网圈本周的大事件是微信公众号关闭 iOS 平台打赏入口,讨论这件事情的文章很多,前端周刊就没有收录相...

掘金官方
2017/12/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用rancher界面化管理docker并部署springCloud项目的其中一个服务

一、先来个简单的 1.安装docker 2.安装eureka——运行docker命令安装 3.安装eureka——运行dokcer镜像安装 (1)构建eureka的镜像,网易云的docker镜像比较全一些,也可以去https://hub.docke...

monroeCode
20分钟前
2
0
理论与实践:如何从Hadoop迁移到MaxCompute

摘要:MaxCompute大数据计算服务,能提供快速、完全托管的PB级数据仓库解决方案,能够使用户经济且高效地分析处理海量数据。而用户往往之前使用了Hadoop实现大数据计算任务,在选择了阿里云大...

阿里云云栖社区
21分钟前
1
0
mysql: utf8 && utf8mb4

https://mathiasbynens.be/notes/mysql-utf8mb4 临时收藏

阿dai
32分钟前
1
0
面试宝典系列-nginx限流

Nginx自身有的请求限制模块ngx_http_limit_req_module、流量限制模块ngx_stream_limit_conn_module基于令牌桶算法,可以方便的控制令牌速率,自定义调节限流,实现基本的限流控制。 如何Ngi...

suyain
33分钟前
2
0
下拉框选择数据过滤?

需求:下拉框数据新增一条数据,已选择的不能再重新被选择 数据:存放表格数据的数组 scoreTable 下拉框数据 catorgaryArr 定义一个已经选择了的id数组 catorgaryIds 实现: arr 使用来保存每...

西园里的猫
38分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部