This is documentation for Stream Chat React Native SDK v4, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v5).

AutoCompleteSuggestionList

Component to render and customize the auto suggestion list.

Basic 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

import { Channel, AutoCompleteSuggestionList } from 'stream-chat-react-native';

const AutoCompleteSuggestionListComponent = () => <AutoCompleteSuggestionList />

<Channel AutoCompleteSuggestionList={AutoCompleteSuggestionListComponent} />

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’

© Getstream.io, Inc. All Rights Reserved.