react-native-share-extension: Error compiling with React Native 0.61.0 with Xcode: "'React/RCTBridgeModule.h' file not found"

Fixed it by adding a .podspec file in the root and treat the package as a pod dependency now.

The steps below are probably only for react native 0.61.0 and higher. Not tested with a lower version.

Please do not use my forked package mentioned below in your project, as I do not give support for that. I’ve forked this share extension project to fit my needs only. And to provide an example for others.

1. Follow the installation steps here. You can skip the parts about adding files to the Libraries folder and the Linked Libraries and Frameworks. Because you do not need that in React Native 0.61 and higher. Please follow the other steps exactly like mentioned. It’s really important to double check this before following the steps below.

2. Fork this project. Because that (this) share extension project is clearly abandoned. You’re now going to manage this on your own as this allows you to add a podspec file.

3. Create a ReactNativeShareExtension.podspec file in the root of your newly forked share extension package. Example from my fork of this project.

4. Change the s.source url in the .podspec file to match your forked repo url, ending with .git. Something like this:

s.source = { :git => "https://github.com/YOUR_USERNAME/react-native-share-extension.git", :tag => "master" }

1. Push those changes to your forked repository master branch. If you do any other changes in your share extension repo you need to reinstall the share extension through npm install, pod deingegrate and pod install, so it fetches the changes from the repo. Just something you need to keep in mind.

2. Edit your ./package.json in your own react native project and use your forked project as the dependency for react-native-share-extension. Change YOUR_USERNAME to your Github username:

"react-native-share-extension": "git+https://github.com/YOUR_USERNAME/react-native-share-extension#master",

1. Run npm install in the root of your React Native project, this will install the share extension files from your own github repo, including the new .podspec file.

2. Go to the ./ios directory and add this to your Podfile, just below the React pods:

pod 'ReactNativeShareExtension', :podspec => '../node_modules/react-native-share-extension/ReactNativeShareExtension.podspec'

1. In the same Podfile, add your Share Extension as a target and some build settings config. Here’s an example how my Podfile looks with react native 0.61.x:

# My app only supports iOS 11 and up, this might also be relevant to know
platform :ios, '11.0'
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'

# "YourApp" needs to be the name of your app as already defined in the Podfile
target 'YourApp' do
  # React pods taken from: https://github.com/facebook/react-native/blob/v0.61.2/template/ios/Podfile
  pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"
  pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"
  pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired"
  pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety"
  pod 'React', :path => '../node_modules/react-native/'
  pod 'React-Core', :path => '../node_modules/react-native/'
  pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules'
  pod 'React-Core/DevSupport', :path => '../node_modules/react-native/'
  pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'
  pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'
  pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'
  pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'
  pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'
  pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'
  pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'
  pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
  pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
  pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'

  pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
  pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
  pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
  pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
  pod 'ReactCommon/jscallinvoker', :path => "../node_modules/react-native/ReactCommon"
  pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"
  pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga'

  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
  
  # Your share extension pod
  pod 'ReactNativeShareExtension', :podspec => '../node_modules/react-native-share-extension/ReactNativeShareExtension.podspec'
  
  # Add this:
  use_native_modules!
  
  # Add this below your pods. Where "YourAppShareExtension" is your Share Extension's target name
  target 'YourAppShareExtension' do
    use_native_modules!
    inherit! :complete
  end
end

# Add this, taken from: https://github.com/facebook/react-native/issues/25792#issuecomment-517295859
post_install do |installer|
  installer.pods_project.targets.each do |target|
    target.build_configurations.each do |config|
      config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'NO'
    end
  end
end

1. Run pod install in the ./ios directory

2. Open Xcode using your projects .xcworkspace file, NOT the .xcodeproj file at ./ios/YourApp.xcworkspace

3. When opened in Xcode, go to: File > Workspace Settings > Make sure Build System is Legacy Build System.

4. Make sure React.xcodeproject and ReactNativeShareExtension.xcodeproj are not in your Libraries directory. If they are, select Delete and remove their reference (not trash it).

5. Remove all other references which you don’t need any more from Frameworks and Libraries under General on your main and share extension target. Examples how my personal Frameworks and Libraries look like:

Example my main target:

libPods-App.a
ShareExtension.appex

Example my extension target:

libPods-App-ShareExtension.a

1. Remove React (React) from Build Phases > Depedencies on your main target and share extension target, if present.

2. Go to Product > Scheme > Manage schemes > Select your share extension schema and then Edit. Go to Build on the top-left.

3. Remove the “old” React from your extension’s schema, if present.

4. Make sure Parallize Build is unchecked on your main schema and share extension schema.

5. On the Share Extension schema screen add React from Pods/React as a new target using the small +

6. Close that schemes screen

7. Make sure the Header Search Paths in Build Settings in your main app target ánd share extension target has $(inherited) on top with non-recursive selected. Delete any other reference except the ones your app really needs. Also make sure the react-native-share-extension is not present there anymore. If it is, remove it. You’ll probably only need $(inherited) non-recursive in there.

8. In xcode press and hold option + shift + CMD + k to clean the build folder

9. Build. Should now succeed using react-native 0.61.0

On 0.61.0 and following @jvandenaardweg’s instructions in the second post gets me to a point with the following error output on build of my share ext (note that MemexShare is the name of my share ext’s main class):

Undefined symbols for architecture x86_64:
  "_OBJC_METACLASS_$_ReactNativeShareExtension", referenced from:
      _OBJC_METACLASS_$_MemexShare in MemexShare.o
  "_OBJC_CLASS_$_ReactNativeShareExtension", referenced from:
      _OBJC_CLASS_$_MemexShare in MemexShare.o
  "_OBJC_CLASS_$_RCTRootView", referenced from:
      objc-class-ref in MemexShare.o
  "_OBJC_CLASS_$_RCTBundleURLProvider", referenced from:
      objc-class-ref in MemexShare.o
  "_RCTRegisterModule", referenced from:
      +[MemexShare load] in MemexShare.o
ld: symbol(s) not found for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Has anyone experienced this? If not, does anyone know what could cause such an error?

I’ve been stuck at this stage, messing around with different settings that I don’t fully understand for hours now. I feel like I’ve read through and followed the main repo instructions + @jvandenaardweg’s enough times now that I’m fairly confident I’m not missing any steps, although I always get back to this point.

Try add $(inherited) to top of Build Settings -> Other Linker Flags

i ve used this package with all new features with react native greater than 0.60 support react-native-receive-sharing-intent

On 0.61.0 and following @jvandenaardweg’s instructions in the second post gets me to a point with the following error output on build of my share ext (note that MemexShare is the name of my share ext’s main class):

Undefined symbols for architecture x86_64:
  "_OBJC_METACLASS_$_ReactNativeShareExtension", referenced from:
      _OBJC_METACLASS_$_MemexShare in MemexShare.o
  "_OBJC_CLASS_$_ReactNativeShareExtension", referenced from:
      _OBJC_CLASS_$_MemexShare in MemexShare.o
  "_OBJC_CLASS_$_RCTRootView", referenced from:
      objc-class-ref in MemexShare.o
  "_OBJC_CLASS_$_RCTBundleURLProvider", referenced from:
      objc-class-ref in MemexShare.o
  "_RCTRegisterModule", referenced from:
      +[MemexShare load] in MemexShare.o
ld: symbol(s) not found for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Has anyone experienced this? If not, does anyone know what could cause such an error?

I’ve been stuck at this stage, messing around with different settings that I don’t fully understand for hours now. I feel like I’ve read through and followed the main repo instructions + @jvandenaardweg’s enough times now that I’m fairly confident I’m not missing any steps, although I always get back to this point.

Try add $(inherited) to top of Build Settings -> Other Linker Flags

When I use the solution, I get another pack of errors about Mach-O Linker. Could anyone help me?

I’m using 0.61 and followed all the steps and my view is not loading up, its transparent no matter how long i wait @Epiczzor

Successfully built my project using the steps but after share app press the react-native view not rendering and screen freezes. Maybe someone has encountered a similar problem? @dabakovich

I recently helped another developer with the setup of this which had the same problem. I notice the following was missing in his setup:

Targets -> “ShareExtension” -> Build Phases -> Run Script:

export NODE_BINARY=node
../node_modules/react-native/scripts/react-native-xcode.sh

Add it by: Select your “ShareExtension” target -> In the top menu: Editor -> Add Build Phase -> Add Run Script Build Phase.

Which is actually part of the original readme.

Might be unrelated, but I also noticed I had this in my Info.plist in the share extension folder, which he was missing:

<key>UISupportedInterfaceOrientations</key>
<array>
  <string>UIInterfaceOrientationPortrait</string>
  <string>UIInterfaceOrientationPortraitUpsideDown</string>
  <string>UIInterfaceOrientationLandscapeLeft</string>
  <string>UIInterfaceOrientationLandscapeRight</string>
</array>

I managed to fix the error by adding $(inherited) to the extension target Header Search Paths and Library Search Paths.

then adding :

  target 'PPShare' do
    inherit! :search_paths
  end

just before use_native_modules! in the Podfile and doing pod install

Yeah, its not there in the list, and turns out i didnt need it, i managed to solve my issue, after checking around in the logs i found out that firebase was the cause of this issue, it was crashing the extension because it wasn’t initialized. after a few tries i have it working now. Thanks for all the help guys !

Got it working on 0.63.2 by following above comment, but without the need to update the Podfile with this line:

pod 'ReactNativeShareExtension', :podspec => '../node_modules/react-native-share-extension/ReactNativeShareExtension.podspec'

Thanks @jvandenaardweg

We needed one additional step to get this working with rn 0.60.6 which was to remove -ObjC and -lc++ from Build Settings > Linking > Other Linker Flags and replace with $(inherited). Leaving the existing flags was resulting in duplicate symbol errors.

Ultimately the steps we took to get this working with 0.60.6 were:

1. Update podfile as mentioned in @jvandenaardweg’s earlier comment

2. pod update

3. Notice that a libPods-YourApp-YourShareExtension.a link was created in General > Frameworks and Libraries. We were able to get the ShareExtension to build at this phase but were running into the error mentioned in #48. This was prior to removing the manually linked libraries that were present before the upgrade. Remove all links other than JavaScriptCore.framework and the libPods link.

4. Next we were seeing duplicate symbol errors causing the build to fail which was resolved by updating the Other Linker Flags as mentioned earlier.

Thanks for all your work on this @jvandenaardweg

Thanks @jvandenaardweg "react-native": "0.60.5" worked!

Hey guys, im following the steps like you said, but i start getting discrepancies from Step 13 onwards, libReactNativeConfig is not present in my project, it doesnt show up in the list.

If you are familiar with how react native works, then you know that libReactNativeConfig serves just as an example to show there could be other options there if your project requires it 🙂

So it’s not required if your project doesn’t have it.

I’ll remove it from the steps to prevent confusion.

Please create an other issue for 0.60.x and lower. So we can keep this for 0.61.x, as there are differences between those versions on how to get this to work

I am using 0.60.4 and I having the compiling error : React/RCTBridgeModule.h file not found I am around two days trying to figure out what I am doing wrong.

1. on step 18 there is not Pods/React right there
2. I have tried both configuration: this one(https://github.com/alinz/react-native-share-extension/issues/182#issuecomment-541459580) and yours. And with both I could not fix the problem.
3. On step 13. there is not libReactNativeConfig.a file

Thank you very much in advanced.

I got it working on both iOS and Android for RN 0.61.2 following these latest instructions. Thanks!

I NEED HELP!!! Please write detailed instructions on how to run this all on a clean project. I try to install according to the instructions and still get an error:

/node_modules/react-native-share-extension/ios/ReactNativeShareExtension.h:2:9: ‘React/RCTBridgeModule.h’ file not found

Xcode 10.3 "react": "16.9.0", "react-native": "0.61.1",