@uiw/react-native
Version:
UIW for React Native
35 lines (34 loc) • 1.08 kB
TypeScript
import React from 'react';
import { TextInputProps } from 'react-native';
import { ButtonProps } from '../Button';
export interface SearchInputBarProps extends TextInputProps {
/** 点击清除按钮时触发事件 */
onClear?: Function;
/** 右侧按钮 */
button?: ButtonProps;
/** 右侧按钮文案 */
actionName?: string;
/** 右侧按钮宽度默认70 */
buttonWidth?: number;
/** 是否一直显示右侧按钮 */
showActionButton?: boolean;
}
interface SearchInputBarState {
showIcon: boolean;
showIconLeft: number;
}
export default class SearchInputBar extends React.Component<SearchInputBarProps, SearchInputBarState> {
private inputRef;
private moveLeft;
private placeholderIcon;
private placeholderAnimated;
private buttonAnimated;
private buttonAnimatedWidth;
constructor(props: SearchInputBarProps);
changeIconBoxStyle: (flag: boolean) => void;
onChangeText: (value: string) => void;
componentDidMount(): void;
onClose: () => void;
render(): JSX.Element;
}
export {};