Add example for React Native 0.77 (Swift)

[irenegonzalez27]

Documentation Feedback

Could you please add an example for React Native 0.77? One that has AppDelegate.swift

Thanks!

[georgekal2798]

I face the same issue. The guides do not show how to install this package in newer react-native projects which use AppDelegate.swift

[Joralmo]

+1

[indrawanDhede]

I face the same issue. please help

[Joralmo]

I have found a way to integrate, in the app
ios/MyApp/AppDelegate.swift

import AppAuth // 👈 NEW

class AppDelegate: RCTAppDelegate, RNAppAuthAuthorizationFlowManager // 👈 NEW

public weak var authorizationFlowManagerDelegate: RNAppAuthAuthorizationFlowManagerDelegate? // 👈 NEW

override func application( // 👈 NEW
_ app: UIApplication,
open url: URL,
options: [UIApplication.OpenURLOptionsKey : Any] = [:]
) -> Bool {
if let resumed = authorizationFlowManagerDelegate?.resumeExternalUserAgentFlow(with: url), resumed {
return true
}

return RCTLinkingManager.application(app, open: url, options: options)
}

Full Image:

I also had to create this file

ios/MyApp/swift-Bridging-Header.h

Finally, to bridge the gap between Objective-C and Swift, you need to add the previous file to the build settings.

info.plist:

[claudiozam]

What about this code https://nearform.com/open-source/react-native-app-auth/docs/#ios-setup ?

+ - (BOOL) application: (UIApplication *) application
+ continueUserActivity: (nonnull NSUserActivity *)userActivity
+   restorationHandler: (nonnull void (^)(NSArray<id<UIUserActivityRestoring>> * _Nullable))restorationHandler
+ {
+   if ([userActivity.activityType isEqualToString:NSUserActivityTypeBrowsingWeb]) {
+     if (self.authorizationFlowManagerDelegate) {
+       BOOL resumableAuth = [self.authorizationFlowManagerDelegate resumeExternalUserAgentFlowWithURL:userActivity.webpageURL];
+       if (resumableAuth) {
+         return YES;
+       }
+     }
+   }
+   return [RCTLinkingManager application:application continueUserActivity:userActivity restorationHandler:restorationHandler];
+ }

[dhruvpaobs]

I have found a way to integrate, in the app ios/MyApp/AppDelegate.swift

import AppAuth // 👈 NEW

class AppDelegate: RCTAppDelegate, RNAppAuthAuthorizationFlowManager // 👈 NEW

public weak var authorizationFlowManagerDelegate: RNAppAuthAuthorizationFlowManagerDelegate? // 👈 NEW

override func application( // 👈 NEW _ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:] ) -> Bool { if let resumed = authorizationFlowManagerDelegate?.resumeExternalUserAgentFlow(with: url), resumed { return true }

return RCTLinkingManager.application(app, open: url, options: options) }

Full Image:

I also had to create this file

ios/MyApp/swift-Bridging-Header.h

Finally, to bridge the gap between Objective-C and Swift, you need to add the previous file to the build settings.

info.plist:

This actually doesn't works for versions:

"react-native": "0.78.1"
"react-native-app-auth": "^8.0.2"

[zibs]

#1079 will resolve this I believe

[jmazier-j2d]

@zibs Indeed... but only for RN >= 0.78 (RCTReactNativeFactory has been introduced with 0.78).
For 0.77 only @dhruvpaobs works on my end BUT :
Once logged in and back to the app, it is unresponsive to touch event (but the app works with no crash....).
Only solution is to kill and restart app