SwiftUI bridge

Author: Alex Usbergo

Demo/CoreRenderDemo.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -34,7 +34,7 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
 
 class SceneDelegate: UIResponder, UIWindowSceneDelegate {
 
-  var useSwiftUI = true
+  var useSwiftUI = false
   var window: UIWindow?
 
   func scene(

Demo/CoreRenderDemo/AppDelegate.swift

@@ -3,21 +3,34 @@ import CoreRender
 import Render
 
 struct ContentView: View {
-    var body: some View {
-      VStack {
-        Text("Hello World")
-        CoreRenderBridgeView { context in
-          VStackNode {
-            LabelNode(text: "Hello World")
-            EmptyNode()
-          }
+  var body: some View {
+    VStack {
+      Text("Hello From SwiftUI")
+      CoreRenderBridgeView { context in
+        VStackNode {
+          LabelNode(text: "Hello")
+            .font(UIFont.boldSystemFont(ofSize: 12))
+            .textAlignment(.center)
+            .padding(8)
+          LabelNode(text: "From")
+            .textAlignment(.center)
+            .font(UIFont.boldSystemFont(ofSize: 12))
+            .padding(8)
+          LabelNode(text: "CoreRender")
+            .textAlignment(.center)
+            .font(UIFont.boldSystemFont(ofSize: 14))
+            .padding(8)
         }
+          .alignItems(.center)
+          .background(UIColor.systemGroupedBackground)
+          .matchHostingViewWidth(withMargin: 0)
       }
     }
+  }
 }
 
 struct ContentView_Previews: PreviewProvider {
-    static var previews: some View {
-        ContentView()
-    }
+  static var previews: some View {
+    ContentView()
+  }
 }

Demo/CoreRenderDemo/ContentView.swift

@@ -116,6 +116,38 @@ func makeFragment(context: Context) {
 
 ```
 
+### Use it with SwiftUI
+
+Render nodes can be nested inside SwiftUI bodies by using `CoreRenderBridgeView`:
+```swift
+
+struct ContentView: View {
+  var body: some View {
+    VStack {
+      Text("Hello From SwiftUI")
+      CoreRenderBridgeView { context in
+        VStackNode {
+          LabelNode(text: "Hello")
+          LabelNode(text: "From")
+          LabelNode(text: "CoreRender")
+        }
+          .alignItems(.center)
+          .background(UIColor.systemGroupedBackground)
+          .matchHostingViewWidth(withMargin: 0)
+      }
+      Text("Back to SwiftUI")
+    }
+  }
+}
+
+struct ContentView_Previews: PreviewProvider {
+  static var previews: some View {
+    ContentView()
+  }
+}
+
+```
+
 # Credits:
 Layout engine: