feat: add enabled props for web

react-native-picker · Sep 11, 2021 · 04f0179 · 04f0179
1 parent b4ac9a3
commit 04f0179
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -235,7 +235,7 @@ If set to false, the picker will be disabled, i.e. the user will not be able to
 
 | Type | Required | Platform |
 | ---- | -------- | -------- |
-| bool | No       | Android, Windows  |
+| bool | No       | Android, Web,  Windows  |
 
 ---
 

diff --git a/js/PickerItem.js b/js/PickerItem.js
@@ -13,6 +13,7 @@ type Props = {
   color?: ColorValue,
   label: string,
   testID?: string,
+  enabled?: Boolean,
   value?: number | string,
 };
 
@@ -22,14 +23,24 @@ const createElement =
 
 const Option = (props: any) => createElement('option', props);
 
+/**
+ * PickerItem Component for React Native Web
+ * @returns
+ */
 export default function PickerItem({
   color,
   label,
   testID,
   value,
+  enabled = true,
 }: Props): React.Node {
   return (
-    <Option style={{color}} testID={testID} value={value} label={label}>
+    <Option
+      disabled={enabled === false ? true : undefined}
+      style={{color}}
+      testID={testID}
+      value={value}
+      label={label}>
       {label}
     </Option>
   );

diff --git a/typings/Picker.d.ts b/typings/Picker.d.ts
@@ -32,7 +32,7 @@ export interface PickerItemProps<T = ItemValue> {
    * If set to false, the specific item will be disabled, i.e. the user will not be able to make a
    * selection.
    * @default true
-   * @platform android
+   * @platform android | web
    */
   enabled?: boolean;
 }