文档章节

react native 开发碰到的问题

罗培海
 罗培海
发布于 08/18 22:15
字数 747
阅读 62
收藏 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()
      );
    }

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

 

 

 

© 著作权归作者所有

共有 人打赏支持
罗培海
粉丝 4
博文 54
码字总数 22180
作品 0
福州
私信 提问
React Native植入原生Android应用的流程解析

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

freecsdn
2016/09/12
35
0
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
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
有偿寻求帮忙解决window下运行react-native start的报错

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

蓝川逸风
2016/03/20
796
4
零基础用react-native开发android app

https://segmentfault.com/a/1190000003915315 序 基于雨点儿网,分享react-native开发android app的方法。 这篇博客旨在帮没有任何android或者ios开发经验的开发者体验一把当下热门的react...

james_laughing
09/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 教程:在 Confluence 中导航

当你对 Confluence 有所了解后,你会发现 Confluence 使用起来非常简单。这个教程主要是针对你使用的 Confluence 界面进行一些说明,同时向你展示在那里可以进行一些通用的任务和操作。 空间...

honeymose
19分钟前
2
0
sed, awk 练习

1. sed打印某行到某行之间的内容 2. sed 转换大小写 将单词首字母转化大写 将所有小写转化大写 3. sed 在某一行最后面添加一个数字 4. 删除某行到最后一行 解析: {:a;N;$!ba;d} :a : 是...

Fc丶
今天
2
0
babel6升级到7,jest-babel报错:Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

自从将前端环境更新到babel7,jest-babel之前是基于babel6的,执行时候就会报:Requires Babel "^7.0.0-0", but was loaded with "6.26.3". 很烦,因为连续帮好几台电脑修复这个问题,所以记...

曾建凯
今天
1
0
探索802.11ax

802.11ax承诺在真实条件下改善峰值性能和最差情况。 如何改善今天的Wi-Fi? 在决定如何改进当前版本以外的Wi-Fi时,802.11ac,IEEE和Wi-Fi联盟调查了Wi-Fi部署和行为,以确定更广泛使用的障碍...

linuxprobe16
今天
2
0
使用linux将64G的SDCARD格式化为FAT32

一、命令如下: sudo fdisk -lsudo mkfs.vfat /dev/sda -Isudo fdisk /dev/sda Welcome to fdisk (util-linux 2.29.2). Changes will remain in memory only, until you decide to wri......

mbzhong
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部