An open API service indexing awesome lists of open source software.

https://github.com/srivastavaanurag79/react-native-paper-select

Dropdown using React Native Paper TextInput, Checkbox and Dialog
https://github.com/srivastavaanurag79/react-native-paper-select

android dropdown ios multi-select react react-native react-native-paper react-native-paper-select typescript

Last synced: over 1 year ago
JSON representation

Dropdown using React Native Paper TextInput, Checkbox and Dialog

Awesome Lists containing this project

README

          

# React Native Paper Select 🔽

[![kandi X-Ray](https://kandi.openweaver.com/badges/xray.svg)](https://kandi.openweaver.com/typescript/srivastavaanurag79/react-native-paper-select)
[![Version](https://img.shields.io/npm/v/react-native-paper-select.svg)](https://www.npmjs.com/package/react-native-paper-select)
[![Dependency Status](https://img.shields.io/npm/dt/react-native-paper-select.svg)](https://www.npmjs.com/package/react-native-paper-select)
[![License](https://img.shields.io/npm/l/react-native-paper-select.svg)](https://www.npmjs.com/package/react-native-paper-select)
[![Package Quality](https://packagequality.com/shield/react-native-paper-select.svg)](https://packagequality.com/#?package=react-native-paper-select)

- This module includes a [customizable](#customization-options) multi-select and a single select component for **React Native Paper**.
- The package is both **Android** and **iOS** compatible.
- The package is well-typed and supports **TypeScript**.
- Smooth and fast.
- Type-safe

**Give us a GitHub star 🌟, if you found this package useful.**
[![GitHub stars](https://img.shields.io/github/stars/srivastavaanurag79/react-native-paper-select.svg?style=social&label=Star&maxAge=2592000)](https://github.com/srivastavaanurag79/react-native-paper-select)

Check out the new [Documentation](https://anurag-srivastava.gitbook.io/react-native-paper-select).

Check out the [Example](https://anurag-srivastava.gitbook.io/react-native-paper-select/example) code or you can check the example source code in [example module](https://github.com/srivastavaanurag79/react-native-paper-select/tree/master/example).

[React Native Paper Select (NPM Link)](https://www.npmjs.com/package/react-native-paper-select)

## Demo/Screenshots


React Native Paper Select
React Native Paper Select
React Native Paper Select
React Native Paper Select
React Native Paper Select

## Dependencies

```bash
react-native-paper
react-native-vector-icons
@shopify/flash-list
```

## Installation

Note: `@shopify/flash-list` is used from `v1.3.0` in `react-native-paper-select`. Please install the correct version depending on the react native version you are using.

If you are using React Native Paper v5.x please install the versions above 0.4.1 or above, since attributes are changed in v5.x else version 0.4.0 would work fine.

```bash
npm install react-native-paper-select
```

or

```bash
yarn add react-native-paper-select
```

## Customization Options

See the [API docs](guides/api.md)

## Try it out

You can run the example module by performing these steps:

```
git clone https://github.com/srivastavaanurag79/react-native-paper-select.git
cd react-native-paper-select && cd example
npm install
cd ios && pod install && cd ..
react-native run-ios
react-native run-android
```

## Author

- Anurag Srivastava [(@srivastavaanurag79)](https://github.com/srivastavaanurag79)

## Contributors

- ahmed [(@Bo7mid3)](https://github.com/Bo7mid3)
- Thom van den Akker [(@Thodor12)](https://github.com/Thodor12)
- Carlos Loureiro [(@CarlosSLoureiro)](https://github.com/CarlosSLoureiro)
- b. avianto [(@avianto)](https://github.com/avianto)
- Ben Walton [(@himrocks33)](https://github.com/himrocks33)

## Contributing

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

## License

MIT