AttachmentPickerContext

AttachmentPickerContext is provided by Channel. If you are not familiar with the React Context API, see the React docs.

Best Practices

• Use useAttachmentPickerContext for consistent access and typings.
• Manage picker visibility through openPicker/closePicker to keep state aligned.
• Keep inset values (topInset, bottomInset) consistent with your layout.
• Avoid using the picker context outside Channel to prevent undefined state.
• Keep custom picker UI lightweight to preserve input performance.

Basic Usage

Consume AttachmentPickerContext in any child of Channel:

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

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

Alternatively, use the useAttachmentPickerContext hook.

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

const { openPicker, closePicker } = useAttachmentPickerContext();

Value

bottomSheetRef

Reference to the attachment picker bottom sheet.

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

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.