@logisticinfotech/react-native-animated-alert
TypeScript icon, indicating that this package has built-in type declarations

1.0.11 • Public • Published

npm version

react-native-animated-alert

Installation and Usage

Please check this blog for detail usage this link

Simple Usage

import Alert from '@logisticinfotech/react-native-animated-alert';

Below code will show and hide alert the simple alert.

onPressShow = () => {
    Alert.showAlert();
}

...

onPressHide = () => {
    Alert.hideAlert();
}

...

onAlertShow = () => {
    console.log(‘Alert is visible’)
}

onAlertHide = () => {
    console.log(‘Alert is hidden’)
}

...

render(){
    return(
        <View>
        ...
            <Alert
                alertTitle="Title"
                alertMessage="Message"
                onAlertShow={this.onAlertShow}
                onAlertHide={this.onAlertHide}
            />
        ...
        </View>
    )
}

Basic Properties

Prop Default Type Description
alertBGContainerStyle {} style Alert main container style.
alertBGColor '#A9A9A9' string Alert background color.
alertIconVisible true bool Display or hide alert icon side to title.
alertLoadingVisible true bool Show loading type alter.
alertIconSource bellIcon source Change the default bell icon. This will be not display id loading is visible.
alertIconSize 24 number size of the alter icon.
alertIconTintColor '' string color of the icon if source has transparent pixel.
alertIconResizeMode 'center' enum of ['center','contain','cover','repeat','stretch'] Image resize mode.
alertAnimatedIcon true bool Icon of alert will be show animated.
alertAnimatedIconDuration 200 number Animation time duration of alert icon.
alertTitle '' string Display title of the alter.
alertTitleStyle InLibrary style Style of alter title display.
alertMessage '' string Display message of the alter.
alertMessageStyle InLibrary style Style of alter message display.
alertButtonTitle [] array(string) Display the alert button. max is 2 buttons. This will be not display id loading is visible.
alertButtonPosition 'end' enum of ['start','center','end'] Style of the non selected date or time.
alertButtonStyle InLibrary style Style of the alert buttons.
alertButtonTextStyle InLibrary style Style of text of the alert buttons .
alertAutoHide true bool Auto hide alter. This will be not display id loading is visible or button is visible
alertAutoHideDuration 2000 number Time in millisecond after alter auto hide if it enable. This will be not display id loading is visible or button is visible
alertTapToDismiss false bool Hide alert on tap on it. This will be not display id loading is visible.
onPressAlert () => {} function Call when click on the alter.
onPressButtonOne () => {} function Call when button one(left button) is press.
onPressButtonTwo () => {} function Call when button two(right button) is press if has two buttons.
onAlertShow () => {} function Call when alert is visible.
onAlertHide () => {} function Call when alert is hide.

Dependents (0)

Package Sidebar

Install

npm i @logisticinfotech/react-native-animated-alert

Weekly Downloads

0

Version

1.0.11

License

MIT

Unpacked Size

34.2 kB

Total Files

16

Last publish

Collaborators

  • chintan01
  • digvijay_logistic
  • nileshkikani
  • nirav.
  • pankajn