美文网首页
react native集成watermelon(iOS端)

react native集成watermelon(iOS端)

作者: 新牛藕 | 来源:发表于2021-02-27 23:50 被阅读0次

    2021-07-28更新
    升级到0.23版本
    按照原内容中官网教程内容,需要在podfile中添加如下内容:
    pod 'simdjson', path: '../node_modules/@nozbe/simdjson'
    同时别忘记

    cd ios
    pod install
    

    ------以下为原内容------

    最近用react native实现ios端的小工具,需要集成一个数据库,想尝试一下watermelon,在这里记录一下。

    react native版本 0.63.4
    watermelon版本 0.20.0

    参考官网教程 https://nozbe.github.io/WatermelonDB/Installation.html

    第一步 安装watermelondb和with-observables

    yarn add @nozbe/watermelondb @nozbe/with-observables

    第二步 安装Babel插件 decorators

    yarn add --dev @babel/plugin-proposal-decorators

    第三步 添加babel配置

    打开项目根目录的babel.config.js

    module.exports = {
      presets: ['module:metro-react-native-babel-preset'],
      plugins: [
        ["@babel/plugin-proposal-decorators", { "legacy": true }]
      ]
    };
    

    第四步 iOS配置

    打开ios目录下的Podfile,添加pod 'React-jsi'……一行,如下所示

      use_react_native!(:path => config["reactNativePath"])
      pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi', :modular_headers => true
    

    在终端中进入ios目录,执行

    pod install
    

    OK,可以参照官方手册的余下内容去写schema、model,来启动watermelon了。

    相关文章

      网友评论

          本文标题:react native集成watermelon(iOS端)

          本文链接:https://www.haomeiwen.com/subject/mcywfltx.html