@quidone/react-native-wheel-picker
Version:
Picker is a UI component for selecting an item from a list of options.
35 lines • 1.89 kB
TypeScript
import React from 'react';
import type { TextStyle } from 'react-native';
import { type StyleProp, type ViewStyle } from 'react-native';
import type { KeyExtractor, OnValueChanged, OnValueChanging, PickerItem, RenderItem, RenderItemContainer, RenderList, RenderOverlay } from '../types';
export type PickerProps<ItemT extends PickerItem<any>> = {
data: ReadonlyArray<ItemT>;
value: ItemT['value'];
extraValues?: unknown[];
itemHeight?: number;
visibleItemCount?: number;
width?: number | 'auto' | `${number}%`;
readOnly?: boolean;
testID?: string;
enableScrollByTapOnItem?: boolean;
onValueChanging?: OnValueChanging<ItemT>;
onValueChanged?: OnValueChanged<ItemT>;
keyExtractor?: KeyExtractor<ItemT>;
renderItem?: RenderItem<ItemT>;
renderItemContainer?: RenderItemContainer<ItemT>;
renderOverlay?: RenderOverlay | null;
renderList?: RenderList<ItemT>;
style?: StyleProp<ViewStyle>;
itemTextStyle?: StyleProp<TextStyle>;
overlayItemStyle?: StyleProp<ViewStyle>;
contentContainerStyle?: StyleProp<ViewStyle>;
scrollEventThrottle?: number;
disableIntervalMomentum?: boolean;
_enableSyncScrollAfterScrollEnd?: boolean;
_onScrollStart?: () => void;
_onScrollEnd?: () => void;
};
export declare const useValueIndex: (data: ReadonlyArray<PickerItem<any>>, value: any) => number;
declare const Picker: <ItemT extends PickerItem<any>>({ data, value, extraValues, width, itemHeight, visibleItemCount, readOnly, enableScrollByTapOnItem, testID, onValueChanged, onValueChanging, keyExtractor, renderItem, renderItemContainer, renderOverlay, renderList, style, itemTextStyle, overlayItemStyle, contentContainerStyle, _enableSyncScrollAfterScrollEnd, _onScrollStart, _onScrollEnd, ...restProps }: PickerProps<ItemT>) => React.JSX.Element;
export default Picker;
//# sourceMappingURL=Picker.d.ts.map