react-native-alert-modalize
react-native-alert-modalize copied to clipboard
Published
20 hours ago •
WrathChaos
WrathChaos
Awesome styled, fully customizable alert modalize for React Native.
Installation
Add the dependency:
npm i react-native-alert-modalize
Peer Dependencies
IMPORTANT! You need install them
"react-native-modalize": ">= 1.2.3",
"react-native-gesture-handler": ">= 1.5.2",
"react-native-material-ripple": ">= 0.9.1"
Usage
Import
import AlertModalize from "react-native-alert-modalize";
Usage
<AlertModalize ref={ref => (alertModal = ref)} />
Open Modal
onPress={() => alertModal.openModal()}
Close Modal
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.
Metadata
15
Stars
1
Forks
Watchers
Owner
WrathChaos
Metadata
Awesome styled, fully customizable alert modalize for React Native.