iOS Bridging Header Setup for React Native

A bridging header allows Swift code to access Objective-C libraries and native modules. Here's how to set it up.

---

Setup Steps

Step 1: Create the Bridging Header File

1. Right-click on your project folder in Xcode
2. Select New File from Template
3. Choose Header file

---

Step 2: Configure the File

1. Click Header file template
2. Name it: YourAppName-Bridging-Header.h
3. Select all targets (main app, development, production)
4. Click Create

---

Step 3: Set the Bridging Header Path

For each target:

1. Go to Build Settings
2. Search for "Objective-C Bridging Header"
3. Set path: YourAppName/YourAppName-Bridging-Header.h

---

Step 4: Import Your Headers

Open the bridging header and import what you need:

// React Native Config
#import "RNCConfig.h"

// Google Maps
#import <GoogleMaps/GoogleMaps.h>

// Your custom modules
#import "CustomNativeModule.h"

---

Step 5: Use in AppDelegate.Swift

import UIKit

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    func application(_ application: UIApplication, 
                     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

        // Access environment variables
        if let apiKey = RNCConfig.env(for: "API_KEY") {
            GMSServices.provideAPIKey(apiKey)
        }

        // Initialize Firebase
        FirebaseApp.configure()

        return true
    }
}

---

Step 6: Clean and Build

1. Clean: Cmd + Shift + K
2. Build: Cmd + B
3. Run: Cmd + R

---

Project Structure

YourAppName/
├── ios/
│   ├── YourAppName/
│   │   ├── AppDelegate.swift
│   │   ├── YourAppName-Bridging-Header.h  ✅
│   │   └── Info.plist
│   └── Pods/
└── package.json

---

Found this helpful? Drop a ❤️ below! 🚀

ReactNative #iOS #Swift #MobileDevelopment