From 151ed6d78bb386d7d1d4688fa0a57aa89b38387a Mon Sep 17 00:00:00 2001
From: Artur Gurgul <artur@gurgul.pro>
Date: Sun, 3 Aug 2025 12:53:34 +0200
Subject: [PATCH] Example of calling swift code from RN

---
 App.tsx                                       | 30 ++++++++++++++++--
 .../RNPlayground-Bridging-Header.h            |  1 +
 .../Application/Services/TestingService.swift | 31 +++++++++++++++++++
 .../Services/TestingServiceModuleBridge.m     | 17 ++++++++++
 .../Application/Shared/SharedState.swift      |  2 +-
 .../{ => Views}/BaseButton/BaseButton.swift   |  2 +-
 .../BaseButton/BaseButtonManager.m            |  0
 .../BaseButton/BaseButtonManager.swift        |  0
 .../CustomButton/CustomButton.swift           |  0
 .../CustomButton/CustomButtonManager.m        |  7 +++++
 .../CustomButton/CustomButtonManager.swift    |  0
 .../Application/Views/ToolboxHeader.swift     |  2 +-
 12 files changed, 86 insertions(+), 6 deletions(-)
 create mode 100644 ios/Native/Application/Services/TestingService.swift
 create mode 100644 ios/Native/Application/Services/TestingServiceModuleBridge.m
 rename ios/Native/Application/{ => Views}/BaseButton/BaseButton.swift (76%)
 rename ios/Native/Application/{ => Views}/BaseButton/BaseButtonManager.m (100%)
 rename ios/Native/Application/{ => Views}/BaseButton/BaseButtonManager.swift (100%)
 rename ios/Native/Application/{ => Views}/CustomButton/CustomButton.swift (100%)
 rename ios/Native/Application/{ => Views}/CustomButton/CustomButtonManager.m (52%)
 rename ios/Native/Application/{ => Views}/CustomButton/CustomButtonManager.swift (100%)

diff --git a/App.tsx b/App.tsx
index 0175c62..765ecbd 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,12 +1,13 @@
 import { NewAppScreen } from '@react-native/new-app-screen'
 import { useEffect, useState } from 'react'
-import { StatusBar, Text, StyleSheet, useColorScheme, ScrollView } from 'react-native'
+import { StatusBar, Text, StyleSheet, useColorScheme, ScrollView, Button, Alert } from 'react-native'
 import { NativeEventEmitter, NativeModules } from 'react-native'
 
-const { Emitter } = NativeModules
+const { Emitter, TestingServiceModule } = NativeModules
 
 import { requireNativeComponent } from 'react-native'
 import type { StyleProp, ViewStyle } from 'react-native'
+
 type CustomButtonProps = {
   style?: StyleProp<ViewStyle>
 }
@@ -15,9 +16,23 @@ const BaseButton = requireNativeComponent<CustomButtonProps>('BaseButton')
 
 export default function App() {
   const isDarkMode = useColorScheme() === 'dark'
-  const [message, setMessage] = useState(null)
+  const [message, setMessage] = useState<string|null>(null)
   const [color, setColor] = useState("#FFF")
   
+
+  const onPress = async () => {
+    if (!TestingServiceModule?.greet) {
+      Alert.alert('Module not found', 'MyNativeModule is not linked or not exported.')
+      return
+    }
+    try {
+      const result = await TestingServiceModule.greet('John')
+      setMessage(result);
+    } catch (e) {
+      //Alert.alert('Error', String(e?.message ?? e))
+    }
+  }
+
   useEffect(() => {
     const emitter = new NativeEventEmitter(Emitter);
     const subscription = emitter.addListener('onMessage', (event) => {
@@ -28,6 +43,14 @@ export default function App() {
           setColor("#00F")
         }
       }
+
+      TestingServiceModule.greet('John')
+        .then((message: string) => {
+          setMessage(message)
+        })
+        .catch((error: string) => {
+          console.error(error);
+        });
     })
 
     return () => {
@@ -41,6 +64,7 @@ export default function App() {
       <Text>{message ?? 'Waiting for message...'}</Text>
       <CustomButton style={{ height: 200 }} />
       <BaseButton style={{ height: 200 }} />
+      <Button title="Call Swift greet()" onPress={onPress} />
     </ScrollView>
   );
 }
diff --git a/ios/Native/Application/RNPlayground-Bridging-Header.h b/ios/Native/Application/RNPlayground-Bridging-Header.h
index 9bb21be..5b77f5c 100644
--- a/ios/Native/Application/RNPlayground-Bridging-Header.h
+++ b/ios/Native/Application/RNPlayground-Bridging-Header.h
@@ -1,2 +1,3 @@
 
 #import <React/RCTViewManager.h>
+#import <React/RCTBridgeModule.h>
diff --git a/ios/Native/Application/Services/TestingService.swift b/ios/Native/Application/Services/TestingService.swift
new file mode 100644
index 0000000..dd82c79
--- /dev/null
+++ b/ios/Native/Application/Services/TestingService.swift
@@ -0,0 +1,31 @@
+//
+//  TestingService.swift
+//  RNPlayground
+//
+//  Created by Artur Gurgul on 03/08/2025.
+//
+
+import Foundation
+import React
+
+@objc(TestingServiceModule)
+class TestingServiceModule: NSObject {
+
+  @objc
+  func greet(_ name: String,
+             resolver resolve: @escaping RCTPromiseResolveBlock,
+             rejecter reject: @escaping RCTPromiseRejectBlock) {
+    let message = "Hello, \(name)! From Swift."
+    resolve(message)
+  }
+
+  @objc
+  func constantsToExport() -> [AnyHashable: Any]! {
+    return ["greeting": "Hello from Swift"]
+  }
+
+  @objc
+  static func requiresMainQueueSetup() -> Bool {
+    return false
+  }
+}
diff --git a/ios/Native/Application/Services/TestingServiceModuleBridge.m b/ios/Native/Application/Services/TestingServiceModuleBridge.m
new file mode 100644
index 0000000..c1c0704
--- /dev/null
+++ b/ios/Native/Application/Services/TestingServiceModuleBridge.m
@@ -0,0 +1,17 @@
+//
+//  TestingServiceModuleBridge.m
+//  RNPlayground
+//
+//  Created by Artur Gurgul on 03/08/2025.
+//
+
+#import <React/RCTBridgeModule.h>
+
+// This tells React Native about the Swift class
+@interface RCT_EXTERN_MODULE(TestingServiceModule, NSObject)
+
+RCT_EXTERN_METHOD(greet:(NSString *)name
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
+@end
diff --git a/ios/Native/Application/Shared/SharedState.swift b/ios/Native/Application/Shared/SharedState.swift
index 114cf64..61a4b73 100644
--- a/ios/Native/Application/Shared/SharedState.swift
+++ b/ios/Native/Application/Shared/SharedState.swift
@@ -16,7 +16,7 @@ final class SharedState: ObservableObject {
   private let emitter = EventEmitter.sharedInstance
   
   // SwiftUI => RN => SwiftUI
-  @Published var text1: String = ""
+  @Published var message: String = ""
   
   func send(message: String) {
     emitter.send(message: message)
diff --git a/ios/Native/Application/BaseButton/BaseButton.swift b/ios/Native/Application/Views/BaseButton/BaseButton.swift
similarity index 76%
rename from ios/Native/Application/BaseButton/BaseButton.swift
rename to ios/Native/Application/Views/BaseButton/BaseButton.swift
index db53a43..06f515d 100644
--- a/ios/Native/Application/BaseButton/BaseButton.swift
+++ b/ios/Native/Application/Views/BaseButton/BaseButton.swift
@@ -12,7 +12,7 @@ struct BaseButton: View {
   
   var body: some View {
     Button("SwiftUI Button") {
-      sharedState.text1 = "Clicked in SwiftUI button that was created in RN"
+      sharedState.message = "Clicked in SwiftUI button that was created in RN"
     }
   }
 }
diff --git a/ios/Native/Application/BaseButton/BaseButtonManager.m b/ios/Native/Application/Views/BaseButton/BaseButtonManager.m
similarity index 100%
rename from ios/Native/Application/BaseButton/BaseButtonManager.m
rename to ios/Native/Application/Views/BaseButton/BaseButtonManager.m
diff --git a/ios/Native/Application/BaseButton/BaseButtonManager.swift b/ios/Native/Application/Views/BaseButton/BaseButtonManager.swift
similarity index 100%
rename from ios/Native/Application/BaseButton/BaseButtonManager.swift
rename to ios/Native/Application/Views/BaseButton/BaseButtonManager.swift
diff --git a/ios/Native/Application/CustomButton/CustomButton.swift b/ios/Native/Application/Views/CustomButton/CustomButton.swift
similarity index 100%
rename from ios/Native/Application/CustomButton/CustomButton.swift
rename to ios/Native/Application/Views/CustomButton/CustomButton.swift
diff --git a/ios/Native/Application/CustomButton/CustomButtonManager.m b/ios/Native/Application/Views/CustomButton/CustomButtonManager.m
similarity index 52%
rename from ios/Native/Application/CustomButton/CustomButtonManager.m
rename to ios/Native/Application/Views/CustomButton/CustomButtonManager.m
index c3938e7..51b28b7 100644
--- a/ios/Native/Application/CustomButton/CustomButtonManager.m
+++ b/ios/Native/Application/Views/CustomButton/CustomButtonManager.m
@@ -1,3 +1,10 @@
+//
+//  CustomButtonManager.m
+//  RNPlayground
+//
+//  Created by Artur Gurgul on 02/08/2025.
+//
+
 #import <React/RCTViewManager.h>
 
 @interface RCT_EXTERN_MODULE(CustomButtonManager, RCTViewManager)
diff --git a/ios/Native/Application/CustomButton/CustomButtonManager.swift b/ios/Native/Application/Views/CustomButton/CustomButtonManager.swift
similarity index 100%
rename from ios/Native/Application/CustomButton/CustomButtonManager.swift
rename to ios/Native/Application/Views/CustomButton/CustomButtonManager.swift
diff --git a/ios/Native/Application/Views/ToolboxHeader.swift b/ios/Native/Application/Views/ToolboxHeader.swift
index 59310b1..aded016 100644
--- a/ios/Native/Application/Views/ToolboxHeader.swift
+++ b/ios/Native/Application/Views/ToolboxHeader.swift
@@ -18,7 +18,7 @@ struct ToolboxHeader: View {
           sharedState.send(message: "hello from Swift!")
         }
       }
-      Text("SwiftUI => RN => SwiftUI: \(sharedState.text1)")
+      Text("Message: \(sharedState.message)")
     }
   }
 }