This is documentation for the next SDK version. For up-to-date documentation, see the latest version (SDK 54).

A Jetpack Compose BottomSheet component that presents content from the bottom of the screen.

A bottom sheet component that slides up from the bottom of the screen to present content using native Android bottom sheet behavior.

Installation

If you are installing this in an existing React Native app, make sure to install expo in your project.

Usage

Preview

Code

import { BottomSheet } from '@expo/ui/jetpack-compose';

<BottomSheet
  isOpened={isOpened}
  onIsOpenedChange={setIsOpened}
  style={{ minHeight: 200 }}>
  <Text>Hello from bottom sheet!</Text>
</BottomSheet>

See Official Jetpack Compose documentation for more information.

API

Component