How can I regenerate ios folder in React Native project?

Question

So a while ago I deleted the /ios directory in my react native app (let's call it X). I've been developing and testing using the android emulator but now I'd like to make sure it works on ios with xcode simulator etc.

So my current idea is to create a new react native bare project (let's call it Y) with ios folder, then follow these steps to rename Y so that it has the name of X and then moving the /ios directory from Y into X and trying to run-ios.

I'll update here how that goes, but I wondered if there is a better way and has nobody been in this situation before?

I've googled lots of things 'regenerate ios folder' 'deleted ios folder' 'add ios folder to existing..' and nothing helpful. Maybe my googlefu isn't good enough but if anyone has any suggestions, much appreciated.

Step 2 will be making sure it compiles because of dependencies and stuff but for now my goal is to just get the /ios folder back in the project and for React Native to be aware of it's existence (it has all the necessary config).

Thanks

Answer 1

The process you need to follow is so similar to renaming a react native app. Basically you just need to run react-native upgrade in your root project directory. For further info you can check another question here. The instructions below explains how to create another react native project based on a copied one with a new name.

• First copy the directory which your to-be-name-changed application exists. And go to your newly cloned directory.
• Change the name at index.ios/android.js file which is given as a parameter to AppRegistry.
• Change the name and version accordingly on package.json
• Delete /ios and /android folders which are remaining from your older app.
• Run $react-native upgrade to generate /ios and /android folders again.
• Run $react-native link for any native dependency.
• Finally run $react-native run-ios or anything you want.