feat(picker): add configuration support for dynamic option generation and update computed options handling

Author: mgcrea

ios/components/Picker/PickerProps.swift

@@ -4,6 +4,7 @@ import SwiftUI
 
 public final class PickerProps: ObservableObject, Decodable {
   @Published var options: [PickerOption] = []
+  @Published var config: PickerConfig?
   @Published var selection: String = ""
   @Published var label: String = ""
   @Published var pickerStyle: PickerStyle = .default
@@ -20,6 +21,36 @@ public final class PickerProps: ObservableObject, Decodable {
     var id: String { value } // Use value as the unique identifier
   }
 
+  struct PickerConfig: Decodable, Hashable {
+    let min: Int
+    let max: Int
+    let step: Int
+    let prefix: String
+    let suffix: String
+
+    // Generate options based on numeric configuration
+    func generateOptions() -> [PickerOption] {
+      var options: [PickerOption] = []
+      var current = min
+
+      while current <= max {
+        let valueString = "\(current)"
+        let labelString = "\(prefix)\(current)\(suffix)"
+        options.append(PickerOption(label: labelString, value: valueString))
+        current += step
+      }
+
+      return options
+    }
+  }
+
+  var computedOptions: [PickerOption] {
+    if config != nil {
+      return config!.generateOptions()
+    }
+    return options
+  }
+
   enum PickerStyle: String, CaseIterable {
     case `default`
     case menu
@@ -46,7 +77,7 @@ public final class PickerProps: ObservableObject, Decodable {
 
   // Coding keys for decoding
   enum CodingKeys: String, CodingKey, CaseIterable {
-    case label, selection, options, pickerStyle, disabled, style
+    case label, selection, options, config, pickerStyle, disabled, style
   }
 
   // Decodable initializer
@@ -55,6 +86,7 @@ public final class PickerProps: ObservableObject, Decodable {
     label = try container.decodeIfPresent(String.self, forKey: .label) ?? ""
     selection = try container.decodeIfPresent(String.self, forKey: .selection) ?? ""
     options = try container.decodeIfPresent([PickerOption].self, forKey: .options) ?? []
+    config = try container.decodeIfPresent(PickerConfig.self, forKey: .config)
     if let styleString = try container.decodeIfPresent(String.self, forKey: .pickerStyle),
        let style = PickerStyle(rawValue: styleString)
     {
@@ -71,6 +103,7 @@ public final class PickerProps: ObservableObject, Decodable {
   public func merge(from other: PickerProps) {
     options = other.options
     selection = other.selection
+    config = other.config
     label = other.label
     pickerStyle = other.pickerStyle
     disabled = other.disabled

ios/components/Picker/PickerView.swift

@@ -31,7 +31,7 @@ public struct PickerView: View {
   private func pickerContent() -> some View {
     props.pickerStyle.applyStyle(
       Picker(props.label, selection: $props.selection) {
-        ForEach(props.options) { option in
+        ForEach(props.computedOptions) { option in
           Text(option.label).tag(option.value)
         }
       }

src/components/Picker.tsx

@@ -9,8 +9,25 @@ export type NativePickerStyle = "default" | "inline" | "menu" | "segmented" | "w
 
 export type NativePickerOption<T extends string> = { value: T; label: string } | T;
 
+export type NativePickerConfig = {
+  min: number;
+  max: number;
+  step?: number;
+  prefix?: string;
+  suffix?: string;
+};
+
+const DEFAULT_PICKER_CONFIG = {
+  min: 0,
+  max: 100,
+  step: 1,
+  prefix: "",
+  suffix: "",
+} satisfies NativePickerConfig;
+
 export type NativePickerProps<T extends string> = {
-  options: readonly NativePickerOption<T>[];
+  options?: readonly NativePickerOption<T>[];
+  config?: NativePickerConfig;
   selection?: T;
   label?: string;
   pickerStyle?: NativePickerStyle;
@@ -24,6 +41,7 @@ export type NativePickerProps<T extends string> = {
 export const Picker = <T extends string>({
   selection,
   options,
+  config,
   onChange: onChangeProp,
   onFocus,
   onBlur,
@@ -41,19 +59,37 @@ export const Picker = <T extends string>({
   );
 
   const normalizedSelection = selection ? String(selection) : undefined;
+  const normalizedConfig = useMemo(
+    () =>
+      config
+        ? {
+            ...DEFAULT_PICKER_CONFIG,
+            ...config,
+          }
+        : undefined,
+    [config],
+  );
   const normalizedOptions = useMemo(
     () =>
-      options.length > 0 && typeof options[0] === "string"
-        ? options.map((value) => ({ value, label: value }))
-        : options,
+      options
+        ? options.length > 0 && typeof options[0] === "string"
+          ? options.map((value) => ({ value, label: value }))
+          : options
+        : [],
     [options],
   );
 
   const normalizedStyles = useNormalizedStyles<NativeTextStyle>(style);
 
   useSwiftUINode(
     "Picker",
-    { options: normalizedOptions, selection: normalizedSelection, style: normalizedStyles, ...otherProps },
+    {
+      selection: normalizedSelection,
+      options: normalizedOptions,
+      config: normalizedConfig,
+      style: normalizedStyles,
+      ...otherProps,
+    },
     {
       change: onChange,
       focus: onFocus,