diff --git a/package.json b/package.json index 1a5f8443..cebe0a39 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ }, "homepage": "https://github.com/kalontech/ReactNativeWheelPicker", "dependencies": { + "@react-native-community/picker": "^1.8.0", "moment": "^2.24.0" } } diff --git a/src/WheelPicker.ios.tsx b/src/WheelPicker.ios.tsx index 3d41e1df..d9a377f6 100644 --- a/src/WheelPicker.ios.tsx +++ b/src/WheelPicker.ios.tsx @@ -1,12 +1,15 @@ import React, { useState } from "react"; -import { Picker, View } from "react-native"; +import { View } from "react-native"; +import { Picker } from "@react-native-community/picker"; +import { PickerItemProps } from "@react-native-community/picker/typings/Picker"; -interface Props { +type Props = { data: Array; selectedItem?: number; onItemSelected?: Function; disabled?: boolean; -} +} & PickerItemProps; + const WheelPicker: React.FC = props => { const [selectedItem, setSelectedItem] = useState(props.selectedItem || 0); const { data, onItemSelected, disabled } = props;