SwiftUI bridge

alexdrone · Dec 1, 2019 · d8c439b · d8c439b
1 parent 2969d20
commit d8c439b
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 13 deletions.
diff --git a/Demo/CoreRenderDemo.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved b/Demo/CoreRenderDemo.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved
@@ -6,7 +6,7 @@
         "repositoryURL": "https://github.com/alexdrone/Render",
         "state": {
           "branch": "master",
-          "revision": "a610de390578501b5208b06ddef204ece84dd9d2",
+          "revision": "2969d20a67d52efe1a88ff557ca20133383cb301",
           "version": null
         }
       }

diff --git a/Demo/CoreRenderDemo/AppDelegate.swift b/Demo/CoreRenderDemo/AppDelegate.swift
@@ -34,7 +34,7 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
 
 class SceneDelegate: UIResponder, UIWindowSceneDelegate {
 
-  var useSwiftUI = true
+  var useSwiftUI = false
   var window: UIWindow?
 
   func scene(

diff --git a/Demo/CoreRenderDemo/ContentView.swift b/Demo/CoreRenderDemo/ContentView.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()
+  }
 }
diff --git a/README.md b/README.md
@@ -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: