All Components / Bottom Sheet

Bottom Sheet Components

React Native bottom sheet component is a highly configurable and performant bottom sheet made with React Native Reanimated.

This bottom sheet incorporates modal presentation views with smooth gesture interactions, snapping animations, seamless keyboard handling across iOS and Android devices, and pull-to-refresh support for scrollable and versatile scrolling interactions. It's also compatible with Reanimated v1/v2, Expo, and boasts accessibility features.

React Native detached bottom sheet can be used to render different types of components. Use this component to render settings, options, more item details information, listing items, and more.

Preview

Detached Bottom Sheet light component
Detached Bottom Sheet dark component

Code

Code Locked

Upgrade to HestiaKit premium to unlock the code.

React Native edit-user in a bottom sheet component. Although for this use-case it's only to edit the user details, you may use it for other components.

Preview

Edit User Bottom Sheet light component
Edit User Bottom Sheet dark component

Code

Code Locked

Upgrade to HestiaKit premium to unlock the code.

React Native Rich Editor bottom sheet component to write a new post, content, or comment section. Do note that this component requires the Rich Editor and Button With Icon component.

Preview

Rich Editor Bottom Sheet light component
Rich Editor Bottom Sheet dark component

Code

Code Locked

Upgrade to HestiaKit premium to unlock the code.

Introducing NeNews React Native UI Kit

HestiaKit Premium

You have to be signed in to favorite this screen

Share

HestiaKit Premium

This is HestiaKit premium component