InputButtons
Component to render the AttachButton and the CommandsButton on the left side of the input box within MessageInput.
This is the default component provided to the prop InputButtons on the Channel component.
Props
giphyActive
True if a user selects the giphy command from commands list (which is shown when you type a / in the input box).
This value is set back to false when the user sends the message for searching Giphy.
| Type |
|---|
| boolean |
hasCommands
Enable commands on the MessageInput component.
| Type | Default |
|---|---|
| boolean | true |
hasFilePicker
Enable the file picker on the MessageInput component.
| Type | Default |
|---|---|
| boolean | true |
hasImagePicker
Enable the image picker on the MessageInput component.
| Type | Default |
|---|---|
| boolean | true |
openCommandsPicker
Opens the commands picker box. By default, this function is attached to onPress handler for CommandsButton.
| Type |
|---|
| function |
selectedPicker
Value is images (string), when image attachment picker is open. Value will be undefined if file picker is active or file picker is open.
| Type |
|---|
| ’images’ | undefined |
setShowMoreOptions
Setter function for showMoreOptions.
| Type |
|---|
(showMoreOptions) => void |
showMoreOptions
Represents the expanded or collapsed state for attach and commands button, next to input box.
| Type |
|---|
| boolean |
text
Text message entered by user in underlying TextInput within MessageInput component.
This value is attached to TextInput’s value prop
| Type |
|---|
| string |
toggleAttachmentPicker
Function to toggle attachment picker. By default, this function is attached to onPress handler for AttachButton.
| Type |
|---|
| function |
AttachButton
Component to render the attach button next to input box.
| Type | Default |
|---|---|
| component | AttachButton |
CommandsButton
Component to render button next to input box, which when pressed opens commands list.
| Type | Default |
|---|---|
| component | CommandsButton |
MoreOptionsButton
Component to render a button within enclosed MessageInput, which when pressed shows more options such as AttachButton, CommandsButton.
| Type | Default |
|---|---|
| component | MoreOptionsButton |