react-native-wheel-picker-expo/src/types.ts

React Native wheel picker like iOS

import type { FlatListProps } from 'react-native';

export type ItemType = { label: string; value: any };
export type RenderItemProps = {
  fontSize: number;
  label: string;
  fontColor: string;
  textAlign: 'center' | 'auto' | 'left' | 'right' | 'justify';
};

export interface IViuPickerProps {
  items: ItemType[];
  onChange: (item: { index: number; item: ItemType }) => void;
  initialSelectedIndex?: number;
  height?: number;
  width?: any;
  flatListProps?: Partial<FlatListProps<ItemType>>;
  backgroundColor?: string;
  selectedStyle?: {
    borderColor?: string;
    borderWidth?: number;
  };
  renderItem?: (props: RenderItemProps) => JSX.Element;
  haptics?: boolean;
}

export interface IViuPickerState {
  selectedIndex: number;
  itemHeight: number;
  listHeight: number;
  data: ItemType[];
}