react-native-elements/dist/list/ListItem.d.ts

React Native Elements & UI Toolkit

import React from 'react';
import { StyleProp, TouchableHighlightProps, ViewStyle } from 'react-native';
import ListItemContent from './ListItemContent';
import ListItemChevron from './ListItemChevron';
import ListItemInput from './ListItemInput';
import ListItemCheckBox from './ListItemCheckBox';
import ListItemButtonGroup from './ListItemButtonGroup';
import ListItemTitle from './ListItemTitle';
import ListItemSubtitle from './ListItemSubtitle';
import { Theme } from '../config/theme';
export declare type ListItemProps = TouchableHighlightProps & {
    containerStyle?: StyleProp<ViewStyle>;
    disabledStyle?: StyleProp<ViewStyle>;
    topDivider?: boolean;
    bottomDivider?: boolean;
    pad?: number;
    Component?: typeof React.Component;
    ViewComponent?: typeof React.Component;
    linearGradientProps?: any;
    theme?: Theme;
    children?: any;
};
interface ListItem extends React.FunctionComponent<ListItemProps> {
    Chevron: typeof ListItemChevron;
    Content: typeof ListItemContent;
    Input: typeof ListItemInput;
    Title: typeof ListItemTitle;
    Subtitle: typeof ListItemSubtitle;
    CheckBox: typeof ListItemCheckBox;
    ButtonGroup: typeof ListItemButtonGroup;
}
declare const ListItem: ListItem;
export { ListItem };
declare const ThemedListItem: React.FunctionComponent<Omit<TouchableHighlightProps & {
    containerStyle?: StyleProp<ViewStyle>;
    disabledStyle?: StyleProp<ViewStyle>;
    topDivider?: boolean;
    bottomDivider?: boolean;
    pad?: number;
    Component?: typeof React.Component;
    ViewComponent?: typeof React.Component;
    linearGradientProps?: any;
    theme?: Theme;
    children?: any;
}, keyof import("../config/ThemeProvider").ThemeProps<T>>> & {
    Chevron: React.FunctionComponent<Omit<Partial<import("..").IconProps>, keyof import("../config/ThemeProvider").ThemeProps<T>>>;
    Content: React.FunctionComponent<Omit<import("react-native").TextProps & {
        style?: StyleProp<import("react-native").TextStyle>;
        h1?: boolean;
        h2?: boolean;
        h3?: boolean;
        h4?: boolean;
        h1Style?: StyleProp<import("react-native").TextStyle>;
        h2Style?: StyleProp<import("react-native").TextStyle>;
        h3Style?: StyleProp<import("react-native").TextStyle>;
        h4Style?: StyleProp<import("react-native").TextStyle>;
        theme?: Partial<import("../config/theme").FullTheme>;
    } & {
        right?: boolean;
    }, keyof import("../config/ThemeProvider").ThemeProps<T>>>;
    Input: React.FunctionComponent<Omit<import("react-native").TextInputProps & {
        containerStyle?: StyleProp<ViewStyle>;
        disabled?: boolean;
        disabledInputStyle?: StyleProp<import("react-native").TextStyle>;
        inputContainerStyle?: StyleProp<ViewStyle>;
        leftIcon?: any;
        leftIconContainerStyle?: StyleProp<ViewStyle>;
        rightIcon?: any;
        rightIconContainerStyle?: StyleProp<ViewStyle>;
        inputStyle?: object | any[];
        InputComponent?: typeof React.Component;
        errorProps?: object;
        errorStyle?: object | any[];
        errorMessage?: string;
        label?: React.ReactNode;
        labelStyle?: object | any[];
        labelProps?: object;
        theme?: Partial<import("../config/theme").FullTheme>;
        renderErrorMessage?: boolean;
    }, keyof import("../config/ThemeProvider").ThemeProps<T>>>;
    Title: React.FunctionComponent<Omit<import("react-native").TextProps & {
        right?: boolean;
    }, keyof import("../config/ThemeProvider").ThemeProps<T>>>;
    Subtitle: React.FunctionComponent<Omit<import("react-native").TextProps & {
        right?: boolean;
    }, keyof import("../config/ThemeProvider").ThemeProps<T>>>;
    CheckBox: React.FunctionComponent<Omit<import("react-native").TouchableOpacityProps & import("../checkbox/CheckBoxIcon").CheckBoxIconProps & {
        Component?: typeof React.Component;
        iconRight?: boolean;
        title?: string | React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
        titleProps?: import("react-native").TextProps;
        center?: boolean;
        right?: boolean;
        containerStyle?: StyleProp<ViewStyle>;
        wrapperStyle?: StyleProp<ViewStyle>;
        textStyle?: StyleProp<import("react-native").TextStyle>;
        checkedTitle?: string;
        fontFamily?: string;
    }, keyof import("../config/ThemeProvider").ThemeProps<T>>>;
    ButtonGroup: React.FunctionComponent<Omit<import("..").ButtonGroupProps, keyof import("../config/ThemeProvider").ThemeProps<T>>>;
};
export default ThemedListItem;