import { useContext } from "react";
import { OverlayContext } from "stream-chat-react-native";
const { setOverlay } = useContext(OverlayContext);
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).
OverlayContext
OverlayContext
is provided by OverlayProvider
component. If you are not familiar with React Context API, please read about it on React docs.
Basic Usage
OverlayContext
can be consumed by any of the child component of OverlayProvider
component as following:
Alternatively, you can also use useOverlayContext
hook provided by library to consume OverlayContext.
import { useOverlayContext } from "stream-chat-react-native";
const { setOverlay } = useOverlayContext();
Value
overlay
Current active overlay. Overlay gets rendered in following cases
- ‘alert’ - For delete message confirmation alert box
- ‘gallery’ - When image viewer/gallery is opened
- ‘message’ - When message overlay is opened by long pressing a message
- ‘none’ - Default value
Type |
---|
enum(‘alert’, ‘gallery’, ‘message’, ‘none’) |
setOverlay
Setter for overlay
. You can use this setter to show the overlay.
Type |
---|
(overlay) => void |
On this page: