Integrating react native in existing iOS & android project without modifying existing directory structure

Question

Currently, we have separate native iOS & native android repos. Say A & B respectively

I am trying to integrate react native in A & B.

I am referring:- https://facebook.github.io/react-native/docs/integration-with-existing-apps.html

Above tutorial is forcing me to create new directory structure with iOS,android & JS folder inside main project. Thus, allowing me to have only 1 repo (see below)

My requirement is: 1)I don't want to hamper directory structure of existing android & iOS repos 2)Can we have separate JS repo "C" ?

See below

Does anyone have the same scenario? How to achieve this?

Thanks

Did you achieve this finally?

cauchy
– cauchy

2020-08-26 08:03:49 +00:00
Commented Aug 26, 2020 at 8:03 — cauchy
– cauchy, Commented Aug 26, 2020 at 8:03
Any update on this?

Sanjay Kochrekar
– Sanjay Kochrekar

2025-01-12 04:36:03 +00:00
Commented Jan 12 at 4:36 — Sanjay Kochrekar
– Sanjay Kochrekar, Commented Jan 12 at 4:36

patngo · Accepted Answer · 2018-03-12 03:15:04Z

2

This is very possible. We currently use a similar scenario in production. We have an Android repo A and an iOS repo B. We created a separate React Native repo C. A depends on C through a maven dependency. B depends on C through a cocoapod dependency.

The tricky part is to specify the path when building your dependencies. For example in iOS the official docs state this in the podfile:

pod 'React', :path => '../node_modules/react-native', :subspecs => [

In our case it is something like

pod 'React', :path => '/../YourReactNativeApp/node_modules/react-native', :subspecs => [

And then when you checkout your React Native repo, in our case, we must make sure that the folder checked out is adjacent to our our iOS project folder.

answered Mar 12, 2018 at 3:15

patngo

6873 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Prakash Over a year ago

Unable to use ' use_native_modules!' if we seperate the project folders. Is there any update for this?

Collectives™ on Stack Overflow

Integrating react native in existing iOS & android project without modifying existing directory structure

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related