Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/wrathchaos/react-native-alert-modalize

Awesome styled, fully customizable alert modalize for React Native.
https://github.com/wrathchaos/react-native-alert-modalize

alert android apple customizable fortnite front-end google ios mobile mobile-app mobile-app-development modal modalize pop-up popup react react-native reactjs

Last synced: 3 months ago
JSON representation

Awesome styled, fully customizable alert modalize for React Native.

Host: GitHub
URL: https://github.com/wrathchaos/react-native-alert-modalize
Owner: WrathChaos
License: mit
Created: 2019-12-01T17:59:09.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2023-10-10T12:20:19.000Z (over 1 year ago)
Last Synced: 2024-11-01T18:04:08.164Z (3 months ago)
Topics: alert, android, apple, customizable, fortnite, front-end, google, ios, mobile, mobile-app, mobile-app-development, modal, modalize, pop-up, popup, react, react-native, reactjs
Language: JavaScript
Homepage: https://freakycoder.com
Size: 5.66 MB
Stars: 15
Watchers: 4
Forks: 2
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        

[![Awesome styled, fully customizable alert modalize for React Native.](https://img.shields.io/badge/-Awesome%20styled%2C%20fully%20customizable%20alert%20modalize%20for%20React%20Native.-lightgrey?style=for-the-badge)](https://github.com/WrathChaos/react-native-alert-modalize)

[![npm version](https://img.shields.io/npm/v/react-native-alert-modalize.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-alert-modalize)

[![npm](https://img.shields.io/npm/dt/react-native-alert-modalize.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-alert-modalize)

![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)









# Installation

Add the dependency:

```ruby

npm i react-native-alert-modalize

```

## Peer Dependencies

###### IMPORTANT! You need install them

```jsx

"react-native-modalize": ">= 1.2.3",

"react-native-gesture-handler": ">= 1.5.2",

"react-native-material-ripple": ">= 0.9.1"

```

# Usage

## Import

```js

import AlertModalize from "react-native-alert-modalize";

```

## Usage

```jsx

 (alertModal = ref)} />

```

#### Open Modal

```js

onPress={() => alertModal.openModal()}

```

#### Close Modal

```js

onPress={() => alertModal.closeModal()}

```

# Configuration - Props

| Property              |    Type     |    Default    | Description                                                      |

| --------------------- | :---------: | :-----------: | ---------------------------------------------------------------- |

| title                 |   string    |     title     | change the title                                                 |

| description           |   string    |  description  | change the description                                           |

| buttonText            |   string    |  button text  | change the button text                                           |

| titleStyle            |    style    | default style | set your own style for title text                                |

| descStyle             |    style    | default style | set your own style for description text                          |

| buttonTextStyle       |    style    | default style | set your own style for button text                               |

| imageSource           |   source    |    source     | set your own image source rather than beautiful Razor :)         |

| imageBackgroundSource |   source    |    source     | set your own image source rather Fortnite's orange background :) |

| titleTextColor        |    color    |     white     | change the title's text color                                    |

| descTextColor         |    color    |     white     | change the description's text color                              |

| buttonTextColor       |    color    |     white     | change the button's text color                                   |

| titleFontFamily       | Font Family |    default    | change the title's font family                                   |

| descFontFamily        | Font Family |    default    | change the description's font family                             |

| buttonFontFamily      | Font Family |    default    | change the button's text font family                             |

## Future Plans

- [x] ~~LICENSE~~

- [ ] Battle Test

## Author

FreakyCoder, [email protected]

## License

React Native Alert Modalzie is available under the MIT license. See the LICENSE file for more info.