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

ChatContext

ChatContext is provided by Chat component. If you are not familiar with React Context API, please read about it on React docs.

Basic Usage

ChatContext can be consumed by any of the child component of Chat component as following:

import { useContext } from "react";
import { ChatContext } from "stream-chat-react-native";

const { client, isOnline } = useContext(ChatContext);

Alternatively, you can also use useChatContext hook provided by library to consume ChatContext.

import { useChatContext } from "stream-chat-react-native";

const { client, isOnline } = useChatContext();

Value

client

Instance of StreamChat client.

connectionRecovering

The value is true, when connection to WebSocket server is disconnected and is currently being recovered.

Type
boolean

isOnline

The value is true, when current user is connected to chat.

Type
boolean

ImageComponent

Drop in replacement of all the underlying Image components within SDK. This is useful for the purpose of offline caching of images. Please check the Offline Support Guide for usage.

TypeDefault
ComponentTypeImage

mutedUsers

Array of users muted by current user.

Type
array

resizableCDNHosts

This option allows you to specify a list of CDNs that offer image resizing.

TypeDefault
string[]['.stream-io-cdn.com']
© Getstream.io, Inc. All Rights Reserved.