feat(form): add support for disabled and scrollDisabled properties in FormProps and Form components

Author: mgcrea

ios/components/Form/FormProps.swift

@@ -3,17 +3,25 @@ import SwiftUI
 
 public final class FormProps: ObservableObject, Decodable {
     @Published public var style: StyleProps?
+    @Published var disabled: Bool = false
+    @Published var scrollDisabled: Bool = false
 
     enum CodingKeys: String, CodingKey {
         case style
+        case disabled
+        case scrollDisabled
     }
 
     public required init(from decoder: Decoder) throws {
         let container = try decoder.container(keyedBy: CodingKeys.self)
         style = try container.decodeIfPresent(StyleProps.self, forKey: .style)
+        disabled = try container.decodeIfPresent(Bool.self, forKey: .disabled) ?? false
+        scrollDisabled = try container.decodeIfPresent(Bool.self, forKey: .scrollDisabled) ?? false
     }
 
     public func merge(from other: FormProps) {
         style = other.style
+        disabled = other.disabled
+        scrollDisabled = other.scrollDisabled
     }
 }

ios/components/Form/FormView.swift

@@ -2,18 +2,29 @@
 import SwiftUI
 
 public struct FormView<Content: View>: View {
-    @ObservedObject public var props: FormProps
-    let content: () -> Content
+  @ObservedObject public var props: FormProps
+  let content: () -> Content
 
-    public init(props: FormProps, @ViewBuilder content: @escaping () -> Content) {
-        self.props = props
-        self.content = content
-    }
+  public init(props: FormProps, @ViewBuilder content: @escaping () -> Content) {
+    self.props = props
+    self.content = content
+  }
+
+  public var body: some View {
+    Form { content() }
+      .applyViewStyles(props.style)
+      .disabled(props.disabled)
+      .applyFormScrollDisabled(props)
+  }
+}
 
-    public var body: some View {
-        Form {
-            content()
-        }
-        .applyViewStyles(props.style)
+private extension View {
+  @ViewBuilder
+  func applyFormScrollDisabled(_ props: FormProps) -> some View {
+    if #available(iOS 16, *) {
+      self.scrollDisabled(props.scrollDisabled)
+    } else {
+      self
     }
+  }
 }

src/components/Form.tsx

@@ -8,6 +8,8 @@ import type { FunctionComponentWithId, NativeViewStyle } from "../types";
 
 export type NativeFormProps = {
   style?: StyleProp<NativeViewStyle>;
+  disabled?: boolean;
+  scrollDisabled?: boolean;
 };
 
 export const Form: FunctionComponentWithId<PropsWithChildren<NativeFormProps>> = ({