import { Channel, AutoCompleteSuggestionList } from 'stream-chat-react-native';
const AutoCompleteSuggestionListComponent = () => <AutoCompleteSuggestionList />
<Channel AutoCompleteSuggestionList={AutoCompleteSuggestionListComponent} />
AutoCompleteSuggestionList
Component to render and customize the auto suggestion list.
General Usage
You can customize the AutoCompleteSuggestionList
component and provide it back to the SDK via the AutoCompleteSuggestionList
prop on Channel
if desired.
For more details about its usage refer Customizing autocomplete suggestions
Props
active
type |
---|
Boolean |
data
type |
---|
Array(Suggestion) |
onSelect
type |
---|
(item: Suggstion) => void |
queryText
The text which the user types in the message input to get autocomplete suggestions.
Type |
---|
string |
triggerType
The trigger type triggers a particular type of autocomplete list depending on user input.
Type |
---|
’command’ | ‘emoji’ | ‘mention’ |