React-Native 开发笔记

React-Native 数据库读取问题

  • 问题描述: 原生与RN在数据库交互方面,RN端始终读取不到数据库
  • 产生原因: 之前是在application:didFinishLaunchingWithOptions:里边创建的数据库.db,然后在JS中根据路径读取数据库并且创建表格写入数据等操作
  • 解决方案:
    • 首先更具react-native-sqlite-storage官方提供的iOS配置进行项目配置;
    • 然后在这里进行了这些配置,如果这些配置不设置的话RN端是无法读取到数据库的

最终JS代码如下:
JS端代码

其中:

  • 参数1:导入Xcode的数据库名称
  • 参数2:你的模板数据库(就是你拖进Xcode的那个www/数据库名称.db文件夹)的路径,根据推荐配置,这个路径应该是在[NSBunble mainBundle]路径下的www/数据库名称.db文件夹下
  • 参数3:你指定的真实数据库的路径,如果设置为default那么RN会自动给你创建在沙盒的Library/LocalDatabase/数据库名称.db之下,当然你自己也可以指定路径;

配置完成之后数据库读写操作正常。

No bundle URL present

  • 问题描述: 在某次运行程序的时候出现了这个错误
  • 产生原因: 之前上网开了代理,但是代理处于关闭模式
  • 解决方案: 代理开启设置成了自动模式解决。。不知道怎么回事,这里也有另外一种解决方案,没有试过可行性

集成Baidu Push问题

  • 问题描述: 在集成Baidu-push过程中,出现了如下几个错误:

    • React-Native 开发笔记_第1张图片
      image
    • 解决方法:[工程根目录] -> [node_modules] - [react-native-baidu-push],删除目录下的node_modules文件夹。

再次运行程序,又出现如下错误:

  • React-Native 开发笔记_第2张图片
    image
  • 解决方法:React-Native官方给出了这个问题的解决方案,不过与这个解决方案不同的是,由于我在集成Baidu-push之前并没有出现这个错误,所以我猜想可能是引入Baidu-push导致的问题,于是在工程中搜索#import "RCTBridgeModule.h",果然在倒入的工程文件RNBaiduPush.h中发现了此文件引入,于是我把它改成了下边这样,问题解决:

    React-Native 开发笔记_第3张图片
    image

随后再次运行程序,又出现了错误,报错入下

  • React-Native 开发笔记_第4张图片
    image
  • 意思是找不到这两个库文件,于是我在Build Phases -> Link Binary With Libraries之中,手动导入了这个库文件,步骤如下:
    React-Native 开发笔记_第5张图片
    第一步:
React-Native 开发笔记_第6张图片
第二步:

再次运行,项目可以成功运行。

有时候可能需要清理缓存,可以使用命令yarn start --reset-cache

你可能感兴趣的:(React-Native 开发笔记)