Welcome to the tutorial React Native Video Calling App Part 7. In this part of tutorial we install WebRTC package to our React Native Project. Following steps need to be followed to install the WebRTC package :
Step 1) execute following command in react native project’s root directory :
npm install react-native-webrtc@0.54.7 --save
Step 2) In XCode right click ‘Libraries’ directory and select option ‘Add Files to’
Step 3) select node_modules/react-native-webrtc/ios/RCTWebRTC.xcodeproj and then click Add
Step 4) Right click on root project directory and select option ‘Add Files to’
Step 5) select node_modules/react-native-webrtc/ios/WebRTC.framework and then click Add
Step 6) select ‘Build Settings’ and enter ‘Search Paths’ in search text box
Step 7) In theFramework Search Paths and Library Search Paths add $(SRCROOT)/../node_modules/react-native-webrtc/ios with recursive set, on right side select option.
Step 8) Click on General Tab and under Embedded Binaries add WebRTC framework
Step 9) Click Build Phases tab, and under Link Binary With Libraries add libRCTWebRTC.a and following libraries :
AVFoundation.framework AudioToolbox.framework CoreGraphics.framework GLKit.framework CoreAudio.framework CoreVideo.framework VideoToolbox.framework libc.tbd libsqlite3.tbd libstdc++.tbd
Step 10) Under Build setting set Dead Code Stripping to No
Step 11) Under Build Options set Enable Bitcode to No
Video Tutorial