Add the dependency:
npm i react-native-alert-modalize
"react-native-modalize": ">= 1.2.3",
"react-native-gesture-handler": ">= 1.5.2",
"react-native-material-ripple": ">= 0.9.1"
import AlertModalize from "react-native-alert-modalize";
<AlertModalize ref={ref => (alertModal = ref)} />
onPress={() => alertModal.openModal()}
onPress={() => alertModal.closeModal()}
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 |
-
LICENSE - Battle Test
FreakyCoder, kurayogun@gmail.com
React Native Alert Modalzie is available under the MIT license. See the LICENSE file for more info.