TranslationContext
TranslationContext is provided by OverlayProvider and Chat components.
Read the translations section for more information on how to customize your translations.
If you are not familiar with React Context API, please read about it on React docs.
Basic Usage
TranslationContext can be consumed by any of the child component of OverlayProvider or Chat components.
import { useContext } from "react";
import { TranslationContext } from "stream-chat-react-native";
const { t, tDateTimeParser } = useContext(TranslationContext);Alternatively, you can also use useTranslationContext hook provided by library to consume TranslationContext.
import { useTheme } from "stream-chat-react-native";
const { t, tDateTimeParser } = useTranslationContext();Value
t
Given a key, extracts the translated text from the Streami18n instance.
| Type |
|---|
| function |
tDateTimeParser
Used for translating dates and times into the desired local format.
| Type |
|---|
| function |