https://github.com/bilaleren/react-native-bottom-sheet-manager

A React Native bottom sheet manager built with @gorhom/bottom-sheet.
https://github.com/bilaleren/react-native-bottom-sheet-manager

bottom-sheet react react-native react-native-bottom-sheet

Last synced: 14 days ago
JSON representation

A React Native bottom sheet manager built with @gorhom/bottom-sheet.

• Host: GitHub
• URL: https://github.com/bilaleren/react-native-bottom-sheet-manager
• Owner: bilaleren
• License: mit
• Created: 2024-03-13T19:57:02.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-14T12:55:10.000Z (10 months ago)
• Last Synced: 2024-03-14T20:25:39.823Z (10 months ago)
• Topics: bottom-sheet, react, react-native, react-native-bottom-sheet
• Language: TypeScript
• Homepage:
• Size: 1.42 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# React Native Bottom Sheet Manager

A bottom sheet manager inspired by package [react-native-actions-sheet](https://github.com/ammarahm-ed/react-native-actions-sheet) and adapted to package [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet).

- [API](./API_README.md)

- [Installation](#installation)

- [Configuration](#configuration)

## Installation

```sh

yarn add react-native-bottom-sheet-manager

```

#### Dependencies

This library needs these dependencies to be installed in your project before you can use it:

```sh

yarn add react-native-reanimated react-native-gesture-handler

```

## Configuration

For more information on configuration, [see here](./CONFIGURATION_README.md).

## Usage

After completing the [configuration step](#configuration), let's start with a simple use case.

```ts

import { SheetManager } from 'react-native-bottom-sheet-manager';

SheetManager.show('my-sheet');

```

For more use cases, [see here](./example/src/sheets).

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

[MIT](./LICENSE)

### Built With ❤️

- [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)

- [create-react-native-library](https://github.com/callstack/react-native-builder-bob)