@mad-family-ui/react-native-autocomplete
Version:
Simple and Customisable Autocomplete component for iOS and Android
40 lines (39 loc) • 1.11 kB
TypeScript
/// <reference types="react" />
import { TextInputProps, TextStyle, ViewStyle } from "react-native";
export interface AutocompleteProps extends TextInputProps {
list: Array<any>;
zIndex?: number;
containerHeight?: number | string;
containerStyle?: ViewStyle;
listContainerStyle?: ViewStyle;
inputContainerStyle?: ViewStyle;
inputStyle?: TextStyle;
listItemContainerStyle?: ViewStyle;
listItemTextStyle?: TextStyle;
labelKey: string;
valueKey: string;
onSelectItem?: (item?: any) => void;
searchKeys?: Array<string>;
customItemRenderer?: (item: any, index: number) => React.ReactElement;
noResultComponent?: React.ReactElement;
theme?: "light" | "dark";
}
export interface LayoutProps {
x: number;
y: number;
width: number;
height: number;
}
export interface ListStateProps {
show: boolean;
filteredList: Array<any>;
}
export interface ThemeInfoProps {
text: string;
borderBottomColor: string;
listBackgroundColor: string;
}
export interface ThemeProps {
dark: ThemeInfoProps;
light: ThemeInfoProps;
}