Early Stage Example Photos

Installation

Add the dependency:

npm i react-native-alert-modalize

Peer Dependencies

IMPORTANT! You need install them

"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"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

  descFontFamily,
  titleFontFamily,
  buttonFontFamily,

| 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.