Recipedia API Documentationv2.28.5
GitHub
    Preparing search index...

    Type Alias CustomTextInputProps

    Props for the CustomTextInput component

    type CustomTextInputProps = {
        testID: string;
        editable?: boolean;
        label?: string;
        value?: string;
        placeholder?: string;
        multiline?: boolean;
        keyboardType?:
            | "default"
            | "number-pad"
            | "email-address"
            | "phone-pad"
            | "numeric"
            | "url";
        mode?: "flat"
        | "outlined";
        dense?: boolean;
        error?: boolean;
        style?: StyleProp<ViewStyle>;
        contentStyle?: StyleProp<TextStyle>;
        onFocus?: () => void;
        onChangeText?: (text: string) => void;
        onEndEditing?: () => void;
        onBlur?: () => void;
        onLayout?: (event: LayoutChangeEvent) => void;
        right?: React.ReactNode;
        autoCorrect?: boolean;
        spellCheck?: boolean;
    }
    Index

    Properties

    testID editable? label? value? placeholder? multiline? keyboardType? mode? dense? error? style? contentStyle? onFocus? onChangeText? onEndEditing? onBlur? onLayout? right? autoCorrect? spellCheck?

    Properties

    testID: string

    Unique identifier for testing and accessibility

    editable?: boolean

    Whether the input can be edited (default: true)

    label?: string

    Optional label displayed above the input

    value?: string

    Current text value

    placeholder?: string

    Placeholder text displayed when the input is empty

    multiline?: boolean

    Whether the input supports multiple lines (default: false)

    keyboardType?:
        | "default"
        | "number-pad"
        | "email-address"
        | "phone-pad"
        | "numeric"
        | "url"

    Type of keyboard to display (default: 'default')

    mode?: "flat" | "outlined"

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

    dense?: boolean

    Whether to use dense styling (default: false)

    error?: boolean

    Whether the input has an error (displays error styling)

    style?: StyleProp<ViewStyle>

    Custom styles for the container view

    contentStyle?: StyleProp<TextStyle>

    Custom styles for the text content

    onFocus?: () => void

    Callback fired when input gains focus

    onChangeText?: (text: string) => void

    Callback fired when text changes

    onEndEditing?: () => void

    Callback fired when editing ends

    onBlur?: () => void

    Callback fired when input loses focus

    onLayout?: (event: LayoutChangeEvent) => void

    Callback fired when component layout changes

    right?: React.ReactNode

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

    autoCorrect?: boolean

    Whether to enable auto-correct (default: true)

    spellCheck?: boolean

    Whether to enable spell check (default: true)

    Settings
    Member Visibility
    On This Page
    PropertiestestIDeditablelabelvalueplaceholdermultilinekeyboardTypemodedenseerrorstylecontentStyleonFocusonChangeTextonEndEditingonBluronLayoutrightautoCorrectspellCheck