import { TouchableOpacity } from 'react-native-gesture-handler';
import { ChannelList, ChannelAvatar } from 'stream-chat-react-native';
<ChannelList
PreviewAvatar={({ channel }) => (
<TouchableOpacity
disallowInterruption={true}
onPress={() => {
/** Handler for press action */
}}
>
<ChannelAvatar channel={channel} />
</TouchableOpacity>
)}
/>;
This is documentation for
Stream Chat React-native SDK v3, which is no longer actively maintained. For up-to-date documentation, see the latest version (v5).
ChannelAvatar
Component to render the avatar of a channel, within the ChannelList
component.
Basic Usage
You can customize this component and provide it back to the SDK via the PreviewAvatar
prop on ChannelList
if desired.
In the following sample we add an onPress
handler on avatar.
Props
channel
Instance of Channel from stream-chat package.
Type |
---|
Channel |
On this page: