How to create a React-Native framework using Swift

Question

I have a react native component written in Swift, and I want to extract it as a framework so other project/people can use it easily.

First I created a new iOS project Foo, added a framework target, then added source files. Finally, I built it.

It failed because:

Bar.swift:[lineNumber]: Use of unresolved identifier 'RCTConvert' RNBarManager.swift:[lineNUmber]: Use of undeclared type 'RCTViewManager'

Attempt 1:

I ran react-native link, but nothing changed.

Attempt 2:

Drag React.xcodeproj to Foo project and add libReact.a to Link Binary With Libraries.
Add $(SRCROOT)/../node_modules/react-native/React to Header Search Paths.

But it doesn't work. The error still remains.

Attempt 3:

I was thinking maybe Swift doesn't recognize these files.

So I added Foo-Bridging-Headers.h like I did in a React-Native App, which contains the following code:

#import "React/RCTBridge.h"
#import "React/RCTViewManager.h"
#import "React/RCTUIManager.h"
#import "React/UIView+React.h"
#import "React/RCTBridgeModule.h"

I also added Foo-Bridging-Headers.h to Build Settings->Swift Compiler - General->Object-C Bridging Header,

Still I got an error.

using bridging headers with framework targets is unsupported

It seems bridging headers are not allowed here.

Attempt 4:

I tried to add these imports to Foo.h,

but got an error again.

Foo.h:21:9: Include of non-modular header inside framework module 'Foo'

What should I do to compile successfully?

maybe you could post this question to CocoaPods github issue section, I think they will be glad to help you :) — L.Jovi
– L.Jovi, Commented Apr 19, 2017 at 6:41
It seems David Chavez has provided a proper way to ship React Native Charts Wrapper: github.com/wuxudong/react-native-charts-wrapper/pull/257 — Rafa Viotti
– Rafa Viotti, Commented Apr 15, 2018 at 17:38
For creating such framework you can use my github.com/iyegoroff/make-react-native-package CLI tool. It creates a publishable RN package with Swift support. — iyegoroff
– iyegoroff, Commented Nov 6, 2019 at 20:42

N69S · Accepted Answer · 2019-08-08 11:31:54Z

2

This seems like an issue with the cocoa pods required for linking React to your project.

Try running pod install in your project directory using terminal and then try to build.

edited Aug 8, 2019 at 11:31

N69S

17.3k4 gold badges25 silver badges41 bronze badges

answered Aug 8, 2019 at 9:35

Siva

215 bronze badges

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

Comments

Bhargav Rao · Accepted Answer · 2018-07-30 15:29:49Z

0

The linking happens in the hosting app, and not in the framework you've made. That will just need the headers.

edited Jul 30, 2018 at 15:29

Bhargav Rao

52.6k29 gold badges130 silver badges142 bronze badges

answered Apr 12, 2018 at 22:00

Scott McKenzie

16.3k9 gold badges49 silver badges75 bronze badges

Collectives™ on Stack Overflow

How to create a React-Native framework using Swift

Attempt 1:

Attempt 2:

Attempt 3:

Attempt 4:

What should I do to compile successfully?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

Attempt 1:

Attempt 2:

Attempt 3:

Attempt 4:

What should I do to compile successfully?

2 Answers 2

Comments

Comments

Related