import { useContext } from 'react';
import { ThemeContext } from 'stream-chat-react-native';
const {
theme: {
colors: { accent_red },
},
} = useContext(OverlayContext);
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).
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.
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 |
On this page: