Add disabled

README.md

@@ -116,6 +116,7 @@ module.exports = MyPicker;
 | hideIndicator | - | `boolean` | Hide indicator |
 | indicatorWidth | 1 | `number` | Indicator width |
 | backgroundColor | transparent | `string` | Wheel Picker background color  |
+| disabled | undefind | `bool` | Disable picker selection  |
 
 # Time Picker
 

index.js → index.tsx

@@ -1,8 +1,3 @@
-/**
- * @prettier
- * @flow
- * */
-
 import WheelPicker from './src/WheelPicker'
 import TimePicker from './src/TimePicker'
 import DatePicker from './src/DatePicker'

package.json

@@ -1,11 +1,11 @@
 {
   "name": "react-native-wheel-picker-android",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Simple Wheel Picker for Android to use with react-native",
-  "main": "index.js",
+  "main": "index.tsx",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ElekenAgency/ReactNativeWheelPicker.git"
+    "url": "git+https://github.com/kalontech/ReactNativeWheelPicker.git"
   },
   "keywords": [
     "react-component",
@@ -19,9 +19,9 @@
   "author": "Artem Kosiakevych <[email protected]>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/ElekenAgency/ReactNativeWheelPicker/issues"
+    "url": "https://github.com/kalontech/ReactNativeWheelPicker/issues"
   },
-  "homepage": "https://github.com/ElekenAgency/ReactNativeWheelPicker",
+  "homepage": "https://github.com/kalontech/ReactNativeWheelPicker",
   "dependencies": {
     "moment": "^2.22.0"
   }

src/WheelPicker.android.js

@@ -4,7 +4,7 @@
  * */
 
 import React from 'react'
-import { requireNativeComponent } from 'react-native'
+import { requireNativeComponent, View } from 'react-native'
 
 const WheelPickerView = requireNativeComponent('WheelPicker', null)
 
@@ -20,13 +20,14 @@ type Props = {
   itemTextSize?: number,
   selectedItem?: number,
   backgroundColor?: string,
-  onItemSelected?: number => void
+  onItemSelected?: number => void,
+  disabled?: boolean,
 }
 
 export default class WheelPicker extends React.Component<Props> {
   static defaultProps = {
     style: {
-      width: 200,
+      width: 'auto',
       height: 150,
     },
   }
@@ -38,11 +39,15 @@ export default class WheelPicker extends React.Component<Props> {
   }
 
   render() {
+    const { isCyclic, data } = this.props
     return (
-      <WheelPickerView
-        {...this.props}
-        onChange={this.onItemSelected}
-      />
+      <View pointerEvents={this.props.disabled ? "none" : "auto"}>
+        <WheelPickerView
+          {...this.props}
+          isCyclic={data.length > 2 ? isCyclic : false}
+          onChange={this.onItemSelected}
+        />
+      </View>
     )
   }
 }

src/WheelPicker.ios.tsx

@@ -0,0 +1,32 @@
+import React, { useState } from "react";
+import { Picker, View } from "react-native";
+
+interface Props {
+  data: Array<string>;
+  selectedItem?: number;
+  onItemSelected?: Function;
+  disabled?: boolean;
+}
+const WheelPicker: React.FC<Props> = props => {
+  const [selectedItem, setSelectedItem] = useState(props.selectedItem || 0);
+  const { data, onItemSelected, disabled } = props;
+  if (!data || data.length === 0) return null;
+  return (
+    <View pointerEvents={disabled ? "none" : "auto"}>
+      <Picker
+        {...props}
+        selectedValue={data[selectedItem]}
+        onValueChange={(value, index): void => {
+          if (onItemSelected) onItemSelected(index);
+          setSelectedItem(index);
+        }}
+      >
+        {data.map((i, index) => (
+          <Picker.Item key={index} label={i} value={i} />
+        ))}
+      </Picker>
+    </View>
+  );
+};
+
+export default WheelPicker;