react-native-paper
Version:
Material design for React Native
421 lines (420 loc) • 31.4 kB
TypeScript
import * as React from 'react';
import { Animated, TextInput as NativeTextInput, LayoutChangeEvent, StyleProp, TextStyle } from 'react-native';
import type { RenderProps, State } from './types';
export declare type TextInputProps = React.ComponentPropsWithRef<typeof NativeTextInput> & {
/**
* Mode of the TextInput.
* - `flat` - flat input with an underline.
* - `outlined` - input with an outline.
*
* In `outlined` mode, the background color of the label is derived from `colors.background` in theme or the `backgroundColor` style.
* This component render TextInputOutlined or TextInputFlat based on that props
*/
mode?: 'flat' | 'outlined';
left?: React.ReactNode;
right?: React.ReactNode;
/**
* If true, user won't be able to interact with the component.
*/
disabled?: boolean;
/**
* The text to use for the floating label.
*/
label?: string;
/**
* Placeholder for the input.
*/
placeholder?: string;
/**
* Whether to style the TextInput with error style.
*/
error?: boolean;
/**
* Callback that is called when the text input's text changes. Changed text is passed as an argument to the callback handler.
*/
onChangeText?: Function;
/**
* Selection color of the input
*/
selectionColor?: string;
/**
* Underline color of the input.
*/
underlineColor?: string;
/**
* Outline color of the input.
*/
outlineColor?: string;
/**
* Sets min height with densed layout. For `TextInput` in `flat` mode
* height is `64dp` or in dense layout - `52dp` with label or `40dp` without label.
* For `TextInput` in `outlined` mode
* height is `56dp` or in dense layout - `40dp` regardless of label.
* When you apply `heigh` prop in style the `dense` prop affects only `paddingVertical` inside `TextInput`
*/
dense?: boolean;
/**
* Whether the input can have multiple lines.
*/
multiline?: boolean;
/**
* The number of lines to show in the input (Android only).
*/
numberOfLines?: number;
/**
* Callback that is called when the text input is focused.
*/
onFocus?: (args: any) => void;
/**
* Callback that is called when the text input is blurred.
*/
onBlur?: (args: any) => void;
/**
*
* Callback to render a custom input component such as `react-native-text-input-mask`
* instead of the default `TextInput` component from `react-native`.
*
* Example:
* ```js
* <TextInput
* label="Phone number"
* render={props =>
* <TextInputMask
* {...props}
* mask="+[00] [000] [000] [000]"
* />
* }
* />
* ```
*/
render?: (props: RenderProps) => React.ReactNode;
/**
* Value of the text input.
*/
value?: string;
/**
* Pass `fontSize` prop to modify the font size inside `TextInput`.
* Pass `height` prop to set `TextInput` height. When `height` is passed,
* `dense` prop will affect only input's `paddingVertical`.
* Pass `paddingHorizontal` to modify horizontal padding.
* This can be used to get MD Guidelines v1 TextInput look.
*/
style?: StyleProp<TextStyle>;
/**
* @optional
*/
theme: ReactNativePaper.Theme;
};
/**
* A component to allow users to input text.
*
* <div class="screenshots">
* <figure>
* <img class="medium" src="screenshots/textinput-flat.focused.png" />
* <figcaption>Flat (focused)</figcaption>
* </figure>
* <figure>
* <img class="medium" src="screenshots/textinput-flat.disabled.png" />
* <figcaption>Flat (disabled)</figcaption>
* </figure>
* <figure>
* <img class="medium" src="screenshots/textinput-outlined.focused.png" />
* <figcaption>Outlined (focused)</figcaption>
* </figure>
* <figure>
* <img class="medium" src="screenshots/textinput-outlined.disabled.png" />
* <figcaption>Outlined (disabled)</figcaption>
* </figure>
* </div>
*
* ## Usage
* ```js
* import * as React from 'react';
* import { TextInput } from 'react-native-paper';
*
* const MyComponent = () => {
* const [text, setText] = React.useState('');
*
* return (
* <TextInput
* label="Email"
* value={text}
* onChangeText={text => setText(text)}
* />
* );
* };
*
* export default MyComponent;
* ```
*
* @extends TextInput props https://reactnative.dev/docs/textinput#props
*/
declare class TextInput extends React.Component<TextInputProps, State> {
static Icon: {
({ name, onPress, forceTextInputFocus, color, ...rest }: Pick<(Pick<Pick<Pick<(Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
borderless?: boolean | undefined;
background?: Object | undefined;
centered?: boolean | undefined; /**
* Mode of the TextInput.
* - `flat` - flat input with an underline.
* - `outlined` - input with an outline.
*
* In `outlined` mode, the background color of the label is derived from `colors.background` in theme or the `backgroundColor` style.
* This component render TextInputOutlined or TextInputFlat based on that props
*/
disabled?: boolean | undefined;
onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
rippleColor?: string | undefined;
underlayColor?: string | undefined;
children: React.ReactNode;
style?: StyleProp<import("react-native").ViewStyle>;
theme: ReactNativePaper.Theme;
}, "ref" | "style" | "children" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}) | React.PropsWithChildren<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
borderless?: boolean | undefined;
background?: Object | undefined;
centered?: boolean | undefined; /**
* Mode of the TextInput.
* - `flat` - flat input with an underline.
* - `outlined` - input with an outline.
*
* In `outlined` mode, the background color of the label is derived from `colors.background` in theme or the `backgroundColor` style.
* This component render TextInputOutlined or TextInputFlat based on that props
*/
disabled?: boolean | undefined;
onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
rippleColor?: string | undefined;
underlayColor?: string | undefined;
children: React.ReactNode;
style?: StyleProp<import("react-native").ViewStyle>;
theme: ReactNativePaper.Theme;
}, "ref" | "style" | "children" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}>, "style" | "children" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "theme" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered">, "style" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "theme" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered"> & {
icon: import("../Icon").IconSource;
color?: string | undefined;
size?: number | undefined;
disabled?: boolean | undefined;
animated?: boolean | undefined;
accessibilityLabel?: string | undefined;
onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
/**
* If true, user won't be able to interact with the component.
*/
style?: StyleProp<import("react-native").ViewStyle>;
ref?: React.RefObject<import("react-native").TouchableWithoutFeedback> | undefined;
theme: ReactNativePaper.Theme;
}, "ref" | "style" | "color" | "size" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "icon" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | "animated"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}) | React.PropsWithChildren<Pick<Pick<Pick<(Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
borderless?: boolean | undefined;
background?: Object | undefined;
centered?: boolean | undefined; /**
* Mode of the TextInput.
* - `flat` - flat input with an underline.
* - `outlined` - input with an outline.
*
* In `outlined` mode, the background color of the label is derived from `colors.background` in theme or the `backgroundColor` style.
* This component render TextInputOutlined or TextInputFlat based on that props
*/
disabled?: boolean | undefined;
onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
rippleColor?: string | undefined;
underlayColor?: string | undefined;
children: React.ReactNode;
style?: StyleProp<import("react-native").ViewStyle>;
theme: ReactNativePaper.Theme;
}, "ref" | "style" | "children" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}) | React.PropsWithChildren<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
borderless?: boolean | undefined;
background?: Object | undefined;
centered?: boolean | undefined; /**
* Mode of the TextInput.
* - `flat` - flat input with an underline.
* - `outlined` - input with an outline.
*
* In `outlined` mode, the background color of the label is derived from `colors.background` in theme or the `backgroundColor` style.
* This component render TextInputOutlined or TextInputFlat based on that props
*/
disabled?: boolean | undefined;
onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
rippleColor?: string | undefined;
underlayColor?: string | undefined;
children: React.ReactNode;
style?: StyleProp<import("react-native").ViewStyle>;
theme: ReactNativePaper.Theme;
}, "ref" | "style" | "children" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}>, "style" | "children" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "theme" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered">, "style" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "theme" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered"> & {
icon: import("../Icon").IconSource;
color?: string | undefined;
size?: number | undefined;
disabled?: boolean | undefined;
animated?: boolean | undefined;
accessibilityLabel?: string | undefined;
onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
/**
* If true, user won't be able to interact with the component.
*/
style?: StyleProp<import("react-native").ViewStyle>;
ref?: React.RefObject<import("react-native").TouchableWithoutFeedback> | undefined;
theme: ReactNativePaper.Theme;
}, "ref" | "style" | "color" | "size" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "icon" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | "animated"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}>, "ref" | "style" | "size" | "onLayout" | "onPress" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | "animated"> & {
name: import("../Icon").IconSource;
onPress?: (() => void) | undefined;
forceTextInputFocus?: boolean | undefined;
color?: string | ((isTextInputFocused: boolean) => string | undefined) | undefined;
style?: StyleProp<import("react-native").ViewStyle>;
theme?: ReactNativePaper.Theme | undefined;
}): JSX.Element;
displayName: string;
defaultProps: {
forceTextInputFocus: boolean;
};
};
static Affix: (React.ComponentClass<Pick<{
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}, "text" | "onLayout" | "textStyle"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}, any> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(React.ComponentClass<{
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}, any> & {
({ text, textStyle: labelStyle, theme }: {
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}): JSX.Element;
displayName: string;
}) | (React.FunctionComponent<{
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}> & {
({ text, textStyle: labelStyle, theme }: {
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}): JSX.Element;
displayName: string;
}), {}>) | (React.FunctionComponent<Pick<{
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}, "text" | "onLayout" | "textStyle"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(React.ComponentClass<{
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}, any> & {
({ text, textStyle: labelStyle, theme }: {
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}): JSX.Element;
displayName: string;
}) | (React.FunctionComponent<{
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}> & {
({ text, textStyle: labelStyle, theme }: {
text: string;
onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
textStyle?: StyleProp<TextStyle>;
theme: ReactNativePaper.Theme;
}): JSX.Element;
displayName: string;
}), {}>);
static defaultProps: Partial<TextInputProps>;
static getDerivedStateFromProps(nextProps: TextInputProps, prevState: State): {
value: string | undefined;
};
validInputValue: string | undefined;
state: {
labeled: Animated.Value;
error: Animated.Value;
focused: boolean;
placeholder: string;
value: string | undefined;
labelLayout: {
measured: boolean;
width: number;
height: number;
};
leftLayout: {
width: null;
height: null;
};
rightLayout: {
width: null;
height: null;
};
};
ref: NativeTextInput | undefined | null;
componentDidUpdate(prevProps: TextInputProps, prevState: State): void;
componentWillUnmount(): void;
private showPlaceholder;
private hidePlaceholder;
private timer?;
private root;
private showError;
private hideError;
private restoreLabel;
private minimizeLabel;
private onLeftAffixLayoutChange;
private onRightAffixLayoutChange;
private handleFocus;
private handleBlur;
private handleChangeText;
private handleLayoutAnimatedText;
forceFocus: () => void | undefined;
/**
* @internal
*/
setNativeProps(args: Object): void | null | undefined;
/**
* Returns `true` if the input is currently focused, `false` otherwise.
*/
isFocused(): boolean | null | undefined;
/**
* Removes all text from the TextInput.
*/
clear(): void | null | undefined;
/**
* Focuses the input.
*/
focus(): void | null | undefined;
/**
* Removes focus from the input.
*/
blur(): void | null | undefined;
render(): JSX.Element;
}
declare const _default: (React.ComponentClass<Pick<TextInputProps, "ref" | "label" | "style" | "pointerEvents" | "allowFontScaling" | "numberOfLines" | "onLayout" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "render" | "left" | "right" | "disabled" | "onBlur" | "onFocus" | "multiline" | "value" | "mode" | "error" | "placeholder" | "textAlign" | "textAlignVertical" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "defaultValue" | "editable" | "keyboardType" | "maxLength" | "onChange" | "onChangeText" | "onEndEditing" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onKeyPress" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "underlineColor" | "outlineColor" | "dense"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}, any> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(React.ComponentClass<TextInputProps, any> & typeof TextInput) | (React.FunctionComponent<TextInputProps> & typeof TextInput), {}>) | (React.FunctionComponent<Pick<TextInputProps, "ref" | "label" | "style" | "pointerEvents" | "allowFontScaling" | "numberOfLines" | "onLayout" | "testID" | "nativeID" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "render" | "left" | "right" | "disabled" | "onBlur" | "onFocus" | "multiline" | "value" | "mode" | "error" | "placeholder" | "textAlign" | "textAlignVertical" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "defaultValue" | "editable" | "keyboardType" | "maxLength" | "onChange" | "onChangeText" | "onEndEditing" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onKeyPress" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "autoCompleteType" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "underlineColor" | "outlineColor" | "dense"> & {
theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(React.ComponentClass<TextInputProps, any> & typeof TextInput) | (React.FunctionComponent<TextInputProps> & typeof TextInput), {}>);
export default _default;