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).

ThemeContext

ThemeContext is provided by OverlayProvider and Chat components. Read the theming section for more information on how to customize your theme. If you are not familiar with React Context API, please read about it on React docs.

Basic Usage

ThemeContext can be consumed by any of the child component of OverlayProvider or Chat components.

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

const {
  theme: {
    colors: { accent_red },
  },
} = useContext(OverlayContext);

Alternatively, you can also use useTheme hook provided by library to consume ThemeContext.

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

const {
  theme: {
    colors: { accent_red },
  },
} = useTheme();

Value

theme

The default theme object in theme.ts merged with the theme you pass as style to OverlayProvider or Chat components.

Type
object
© Getstream.io, Inc. All Rights Reserved.