react-native-gifted-chat
Version:
The most complete chat UI for React Native
36 lines • 1.68 kB
TypeScript
import React from 'react';
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
import { ActionsProps } from './Actions';
import { ReplyPreviewProps } from './components/ReplyPreview';
import { ComposerProps } from './Composer';
import { IMessage, ReplyMessage } from './Models';
import { SendProps } from './Send';
export type { ReplyPreviewProps } from './components/ReplyPreview';
export interface InputToolbarProps<TMessage extends IMessage> {
actions?: Array<{
title: string;
action: () => void;
}>;
actionSheetOptionTintColor?: string;
containerStyle?: StyleProp<ViewStyle>;
primaryStyle?: StyleProp<ViewStyle>;
renderAccessory?: (props: InputToolbarProps<TMessage>) => React.ReactNode;
renderActions?: (props: ActionsProps) => React.ReactNode;
renderSend?: (props: SendProps<TMessage>) => React.ReactNode;
renderComposer?: (props: ComposerProps) => React.ReactNode;
onPressActionButton?: () => void;
icon?: () => React.ReactNode;
wrapperStyle?: StyleProp<ViewStyle>;
/** Reply message to show in preview */
replyMessage?: ReplyMessage | null;
/** Callback to clear reply */
onClearReply?: () => void;
/** Custom render for reply preview */
renderReplyPreview?: (props: ReplyPreviewProps) => React.ReactNode;
/** Style for reply preview container */
replyPreviewContainerStyle?: StyleProp<ViewStyle>;
/** Style for reply preview text */
replyPreviewTextStyle?: StyleProp<TextStyle>;
}
export declare function InputToolbar<TMessage extends IMessage = IMessage>(props: InputToolbarProps<TMessage>): React.JSX.Element;
//# sourceMappingURL=InputToolbar.d.ts.map