feat(Stepper): allow dynamic children

Author: mgcrea

ios/SwiftUIRootView.swift

@@ -107,6 +107,14 @@ public class SwiftUIRootView: SwiftUIContainerView {
           }
         }
       }))
+    case let stepper as GenericNode<StepperProps>:
+      AnyView(StepperView(props: stepper.props, content: {
+        if let children = stepper.children {
+          ForEach(children, id: \.id) { child in
+            self.buildSwiftUIView(from: child)
+          }
+        }
+      }))
     case let text as GenericNode<TextProps>:
       AnyView(TextView(props: text.props))
     case let textField as GenericNode<TextFieldProps>:
@@ -115,8 +123,6 @@ public class SwiftUIRootView: SwiftUIContainerView {
       AnyView(PickerView(props: picker.props))
     case let datePicker as GenericNode<DatePickerProps>:
       AnyView(DatePickerView(props: datePicker.props))
-    case let stepper as GenericNode<StepperProps>:
-      AnyView(StepperView(props: stepper.props))
     case let toggle as GenericNode<ToggleProps>:
       AnyView(ToggleView(props: toggle.props))
     case let slider as GenericNode<SliderProps>:

ios/components/Stepper/StepperView.swift

@@ -2,12 +2,14 @@ import SwiftUI
 
 // MARK: - View
 
-public struct StepperView: View {
+public struct StepperView<Content: View>: View {
   @ObservedObject public var props: StepperProps
   @FocusState private var isFocused: Bool
+  let content: () -> Content
 
-  public init(props: StepperProps) {
+  public init(props: StepperProps, @ViewBuilder content: @escaping () -> Content) {
     self.props = props
+    self.content = content
   }
 
   public var body: some View {
@@ -34,7 +36,7 @@ public struct StepperView: View {
       in: props.minimum ... props.maximum,
       step: props.step
     ) {
-      Text("\(props.value)")
+      content()
     }
     .applyStyles(props.style)
     .focused($isFocused)