AttachmentPickerContext

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

Basic Usage

AttachmentPickerContext can be consumed by any of the child component of Channel wrapper component as following:

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

const { openPicker, closePicker } = useContext(AttachmentPickerContext);

Alternatively, you can also use useAttachmentPickerContext hook provided by library to consume AttachmentPickerContext.

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

const { openPicker, closePicker } = useAttachmentPickerContext();

Value

bottomSheetRef

Reference to the bottom sheet component used for the attachment picker.

bottomInset

Height of items located below the MessageInput when present. This inset determines the underlying shift to the MessageList when it is opened.

setBottomInset

Setter function for bottomInset

closePicker

Function to close the attachment picker bottom sheet.

openPicker

Function to open the attachment picker bottom sheet.

selectedPicker

Value is images (string), when image attachment picker is open else undefined.

setSelectedPicker

Setter function for selectedPicker

topInset

Distance from the top of the screen the attachment picker should open to when expanded. This is often set to the header height.

setTopInset

Setter function for topInset

topInset

topInset is used to determine how high the scroll-able bottom-sheet can go when opened.