react native集成watermelon(iOS端)

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端))