@fruits-chain/react-native-xiaoshu/lib/typescript/text-input-base/interface.d.ts

React Native UI library

import type React from 'react';
import type { TextInputProps, ViewStyle, TextStyle, StyleProp } from 'react-native';
export interface TextInputBaseProps extends TextInputProps {
    /**
     * xxxfix 相关父组件样式
     */
    fixGroupStyle?: StyleProp<ViewStyle>;
    /**
     * prefix 文案的样式
     */
    prefixTextStyle?: StyleProp<TextStyle>;
    /**
     * suffix 文案的样式
     */
    suffixTextStyle?: StyleProp<TextStyle>;
    /**
     * 是否启用清除图标，点击清除图标后会清空输入框
     * @example 如果点击不触发，需要在 ScrollView 组件上添加 keyboardShouldPersistTaps="handled"
     * @default false
     */
    clearable?: boolean;
    /**
     * 显示清除图标的时机，always 表示输入框不为空时展示，focus 表示输入框聚焦且不为空时展示
     * @default 'focus'
     */
    clearTrigger?: 'always' | 'focus';
    /**
     * 输入内容格式化函数
     */
    formatter?: (s: string) => string;
    /**
     * 格式化函数触发的时机，可选值为 onEndEditing | onChangeText
     * @default `onChangeText`
     */
    formatTrigger?: 'onEndEditing' | 'onChangeText';
    /**
     * 输入框内部前缀，边框内部，textarea 无
     */
    prefix?: React.ReactNode;
    /**
     * 输入框内部后缀，边框内部，textarea 无
     */
    suffix?: React.ReactNode;
    /**
     * 控件大小。
     * @default 'middle'
     */
    size?: 'large' | 'middle' | 'small';
    /**
     * 是否显示边框
     * @default false
     */
    bordered?: boolean;
    /**
     * textInput 高度，Android、iOS 两端的高度不能单纯通过 height 解决
     */
    textInputHeight?: number;
}