@ionic/portals-react-native 0.0.4 → 0.0.5

package/README.md

@@ -99,7 +99,32 @@ int main(int argc, char *argv[])
 ```
 
 ##### Podfile
-Because many of the Ionic Portals dependencies are comprised of Swift code and have custom module maps, you will need to add `use_frameworks!` to your iOS Podfile and remove `use_flipper!()`
+There are two methods you may use to ensure Portals can integrate into your React Native application: a custom `pre_install` hook or adding `use_frameworks!` to your Podfile. Only one of these approaches is needed to ensure that Capacitor is compiled as a dynamic framework.
+
+**pre_install**
+
+Using the `pre_install` hook allows you to keep all the other React Native dependencies as static frameworks:
+```ruby
+# These frameworks are required to be dynamic. 
+dynamic_frameworks = ['Capacitor', 'CapacitorCordova']
+
+pre_install do |installer|
+  installer.pod_targets.each do |pod|
+    if dynamic_frameworks.include?(pod.name)
+      def pod.static_framework?
+        false
+      end
+      def pod.build_type
+        Pod::BuildType.dynamic_framework
+      end
+    end
+  end
+end
+```
+
+**use_frameworks**
+
+Alternative to the `pre_install` hook, you can add `use_frameworks!` to your Podfile application target. Using this approach requires removing `use_flipper!()` from the Podfile.
 
 ### Communicating between React Native and Web
 One of the key features of Ionic Portals for React Native is facilitating communication between the web and React Native layers of your application.

package/ios/ReactNativePortals.swift

@@ -74,6 +74,7 @@ class PortalViewManager: RCTViewManager {
 
 class PortalView: UIView {
     private var webView: PortalUIView?
+    private var _initialContext: [String: JSValue]?
     
     @objc var name: String? {
         get {
@@ -88,21 +89,22 @@ class PortalView: UIView {
     }
     
     @objc var initialContext: [String: Any]? {
-        get {
-            guard let portal = _portal else { return nil }
-            return portal.initialContext
-        }
-        
+        get { _initialContext }
         set {
-            guard let name = name else { return }
-            _portal = PortalManager.getPortal(named: name)
-            _portal?.initialContext = JSTypes.coerceDictionaryToJSObject(newValue) ?? [:]
+            _initialContext = JSTypes.coerceDictionaryToJSObject(newValue)
+            // If the Portal is already present then we need to set the initialContext so it's the `didSet` property observer is fired
+            _portal?.initialContext = _initialContext ?? [:]
         }
     }
     
     private var _portal: Portal? {
         didSet {
-            guard let portal = _portal else { return }
+            guard var portal = _portal else { return }
+            
+            if let initialContext = _initialContext {
+                portal.initialContext = initialContext
+            }
+            
             DispatchQueue.main.async { [weak self] in
                 guard let self = self else { return }
                 self.webView?.removeFromSuperview()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/portals-react-native",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Ionic Portals for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",