Preparing search index...

    Props for the TextInputWithDropDown component

    type TextInputWithDropDownType = {
        referenceTextArray: string[];
        value?: string;
        label?: string;
        editable?: boolean;
        mode?: "flat" | "outlined";
        dense?: boolean;
        onValidate?: (newText: string) => void;
        testID: string;
        style?: StyleProp<ViewStyle>;
        contentStyle?: StyleProp<TextStyle>;
        textInputStyle?: StyleProp<TextStyle>;
        right?: React.ReactNode;
        hideDropdown?: boolean;
    }
    Index

    Properties

    referenceTextArray: string[]

    Array of reference strings to filter and display as suggestions

    value?: string

    Current value of the text input

    label?: string

    Label text displayed above the input

    editable?: boolean

    Whether the input is editable (default: true)

    mode?: "flat" | "outlined"

    Display mode: outlined or flat (default: 'outlined')

    dense?: boolean

    Whether to use dense styling (default: false)

    onValidate?: (newText: string) => void

    Callback fired when text is validated (submitted or selected)

    testID: string

    Unique identifier for testing and accessibility

    style?: StyleProp<ViewStyle>

    Custom styles for the container

    contentStyle?: StyleProp<TextStyle>

    Custom styles for the text content

    textInputStyle?: StyleProp<TextStyle>

    Custom styles applied directly to the inner TextInput surface

    right?: React.ReactNode

    Right element (icon or affix) to display inside the input

    hideDropdown?: boolean

    Force hide the dropdown (e.g., during scroll)