doc: update react native setup

[vivianjeng]

• related: #43
• ref: https://github.com/zkmopro/react-native-app
• doc:
  • create a react native project
  • create a native module on iOS and android
  • use bindings in native modules
  • create an example view of generating a proof
• preview link: https://doc-react-native.mopro.pages.dev/docs/getting-started/react-native-setup

[chancehudson]

After cloning zkmopro/react-native-app and running npm i and npm run ios i get this:

› Compiling expo-font Pods/ExpoFont » ExpoFont-dummy.m

❌  (/Users/chance/work/react-native-app/modules/mopro/ios/MoproModule.swift:2:8)

  1 | import ExpoModulesCore
  2 | import moproFFI
    |        ^ no such module 'moproFFI'

[vivianjeng]

Actually there are two ways to run react native

1. clone zkmopro/react-native-app and follow https://github.com/zkmopro/react-native-app?tab=readme-ov-file#get-started
2. Follow https://doc-react-native.mopro.pages.dev/docs/getting-started/react-native-setup/#1-initializing-a-new-react-native-project-or-using-an-existing-one to start from the beginning

I should write down there are these two ways

[cloudflare-workers-and-pages[bot]]

Deploying mopro with    Cloudflare Pages

Latest commit:	b1f2df9
Status:	✅  Deploy successful!
Preview URL:	https://859a33f2.mopro.pages.dev
Branch Preview URL:	https://doc-react-native.mopro.pages.dev

View logs

[chancehudson]

I copied the ios build folder as specified by the instructions. I got this:

❌  error: Codegen did not run properly in your project. Please reinstall cocoapods with `bundle exec pod install`.

› 1 error(s), and 0 warning(s)

CommandError: Failed to build iOS project. "xcodebuild" exited with error code 65.

Could you add a branch to the react native repo with a fully functioning example? e.g. commit the android/ios build files so it can be cloned and run? It would be helpful to see a working example when debugging.

[vivianjeng]

@chancehudson I uploaded the whole directory here you can try to download the zip