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

BottomSheet

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

Android

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

Installation

Terminal

- npx expo install @expo/ui

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

Usage

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

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

No API data file found, sorry!