chore(ios): minor fixes

Author: mgcrea

ios/SwiftUINode.swift

@@ -2,7 +2,7 @@
 import SwiftUI
 
 // Protocol for all SwiftUI nodes
-protocol SwiftUINode: Identifiable {
+public protocol SwiftUINode: Identifiable {
   var id: String { get }
   var children: [any SwiftUINode]? { get }
 }
@@ -62,6 +62,8 @@ private struct NodeWrapper: Decodable {
       node = try GenericNode<SliderProps>(from: decoder)
     case "TextField":
       node = try GenericNode<TextFieldProps>(from: decoder)
+    case "NumberField":
+      node = try GenericNode<NumberFieldProps>(from: decoder)
     case "Picker":
       node = try GenericNode<PickerProps>(from: decoder)
     case "Stepper":

ios/SwiftUIRootProps.swift

@@ -44,6 +44,17 @@ final class SwiftUIRootProps: ObservableObject {
       textField.props.onBlur = { [weak self] in
         self?.onEvent?("blur", "TextField", textField.id, nil)
       }
+    } else if let numberField = node as? GenericNode<NumberFieldProps> {
+      numberField.props.onChange = { [weak self] rawValue in
+        let value = rawValue != nil ? String(rawValue!) : ""
+        self?.onEvent?("change", "NumberField", numberField.id, value)
+      }
+      numberField.props.onFocus = { [weak self] in
+        self?.onEvent?("focus", "NumberField", numberField.id, nil)
+      }
+      numberField.props.onBlur = { [weak self] in
+        self?.onEvent?("blur", "NumberField", numberField.id, nil)
+      }
     } else if let button = node as? GenericNode<ButtonProps> {
       button.props.onPress = { [weak self] in
         self?.onEvent?("press", "Button", button.id, nil)

ios/SwiftUIRootView.swift

@@ -29,7 +29,9 @@ public class SwiftUIRootView: SwiftUIContainerView {
 
   private func updateSwiftUIView(with node: (any SwiftUINode)?) {
     hostingController.rootView = AnyView(
-      node.map { AnyView(buildSwiftUIView(from: $0)) } ?? AnyView(Text("Invalid view tree"))
+//      NavigationView {
+        node.map { AnyView(buildSwiftUIView(from: $0)) } ?? AnyView(Text("Invalid view tree"))
+//      }
     )
   }
 
@@ -127,6 +129,8 @@ public class SwiftUIRootView: SwiftUIContainerView {
       AnyView(TextView(props: text.props))
     case let textField as GenericNode<TextFieldProps>:
       AnyView(TextFieldView(props: textField.props))
+    case let numberField as GenericNode<NumberFieldProps>:
+      AnyView(NumberFieldView(props: numberField.props))
     case let picker as GenericNode<PickerProps>:
       AnyView(PickerView(props: picker.props))
     case let datePicker as GenericNode<DatePickerProps>:
@@ -174,6 +178,10 @@ public class SwiftUIRootView: SwiftUIContainerView {
         let updatedProps = try decoder.decode(TextFieldProps.self, from: updatedPropsData)
         textField.props.merge(from: updatedProps)
 
+      case let numberField as GenericNode<NumberFieldProps>:
+        let updatedProps = try decoder.decode(NumberFieldProps.self, from: updatedPropsData)
+        numberField.props.merge(from: updatedProps)
+
       case let toggle as GenericNode<ToggleProps>:
         let updatedProps = try decoder.decode(ToggleProps.self, from: updatedPropsData)
         toggle.props.merge(from: updatedProps)
@@ -187,8 +195,8 @@ public class SwiftUIRootView: SwiftUIContainerView {
         picker.props.merge(from: updatedProps)
 
       case let form as GenericNode<FormProps>:
-        // FormNode has no props to merge
-        print("FormNode has no props to update for id \(identifier)")
+        let updatedProps = try decoder.decode(FormProps.self, from: updatedPropsData)
+        form.props.merge(from: updatedProps)
 
       case let section as GenericNode<SectionProps>:
         let updatedProps = try decoder.decode(SectionProps.self, from: updatedPropsData)

ios/extensions/View+Styling.swift

@@ -62,15 +62,15 @@ extension View {
   func applyBoxStyles(_ style: StyleProps?) -> some View {
     guard let style = style else { return AnyView(self) }
 
-    return AnyView(applyFrameStyles(style)
+    return AnyView(AnyView(applyFrameStyles(style)
       .modifier(AbsolutePositionModifier(style: style))
       .applyIf(style.padding != nil) { $0.padding(style.padding!) }
       .applyIf(style.paddingHorizontal != nil) { $0.padding(.horizontal, style.paddingHorizontal!) }
       .applyIf(style.paddingVertical != nil) { $0.padding(.vertical, style.paddingVertical!) })
       .applyIf(style.paddingLeft != nil) { $0.padding(.leading, style.paddingLeft!) }
       .applyIf(style.paddingRight != nil) { $0.padding(.trailing, style.paddingRight!) }
       .applyIf(style.paddingTop != nil) { $0.padding(.top, style.paddingTop!) }
-      .applyIf(style.paddingBottom != nil) { $0.padding(.bottom, style.paddingBottom!) }
+      .applyIf(style.paddingBottom != nil) { $0.padding(.bottom, style.paddingBottom!) })
   }
 
   func applyViewStyles(_ style: StyleProps?) -> some View {
@@ -106,6 +106,9 @@ extension View {
           return AnyView(view)
         }
       }
+      .applyIf(style.textAlign != nil) {
+        return $0.multilineTextAlignment(style.textAlign!)
+      }
   }
 
   @ViewBuilder