Cameron Franz
b3e9b70341
* add readme * react-native example app * update readme * add ios-cli dep * revert package.json change * update readme * update readme * don't auto launch metro * add react native scripts * nohoist @react-native-community/** * update readme * undo wrong README change * remove react-native root dep * copyright headers * semi-style * add default gitignore * finish linting * remove test for now * fix typescript errors * fix linting * update scripts * update deps and version * update readme * remove accidental dep * update readme * bump deps * update yarn.lock * actually update yarn.lock * fix yarn.lock conflicts by updating exampleReactNative deps
1.6 KiB
Running
For iOS, make sure that Xcode and CocoaPods are installed.
For Android, make sure that Android Studio and a JDK are installed.
At the repo root, run the bundler yarn example:rn:packager and, in a new terminal, yarn example:rn:ios or yarn example:rn:android.
If the iOS run complains about a missing simulator, use yarn ios --simulator="iPhone 11", where iPhone 11 is replaced with an installed simulator (see xcrun simctl list devices)
The first time metro bundles the package, it will hang at 98% and take about 10 minutes to finish. Just refresh the simulator when it finishes.
Packages
Native packages need to be added to nohoist in the package.json. There is no need to link them, but cd ios && pod install must be run after yarn adds the package.
Non-native packages can be yarn added as usual.
Replacements for node builtin packages can be added in the extraNodeModules section of metro.config.js. Some node packages will expect global variables to be set, these are set in nodeGlobalsShim.js
Yarn Workspaces
Metro will watch the build dirs of the packages in packages/* for changes, as well as use the node_modules of the root folder. However, packages that depend on the nohoisted react-native , such as reactnative-identicon, must be copied to the local node_modules folder. See metro.config.js and package.json's scripts for details.
Screenshots
| iOs | Android |
|---|---|
 |
 |