react-native-toast-me
This component make you easy to handle the exception message.
Installation
npm install react-native-toast-me
or yarn add react-native-toast-me
How to use
... // Import ToastMe from react-native-toast-me // Sample custom button components.const MyButton = <TouchableHighlight onPress=callToast underlayColor="#dddddd" style= marginTop: 20 height: 60 justifyContent: 'center' alignItems: 'center' backgroundColor: '#ededed' borderWidth: 1 borderColor: '#dddddd' > <Text>Call type</Text> </TouchableHighlight> { superprops thisstate = // Set default state to handle the message // message : The message you want to show. // type: The type of message with string (success, error, warning, info) // isToggle: To toggle the message box in bool message: '' type: 'success' isToggle: false } { this } { return <View style= flex: 1 > <View style= margin: 10 justifyContent: 'center' > <MyButton type="success" callToast= this /> <MyButton type="error" callToast= this /> <MyButton type="warning" callToast= this /> <MyButton type="info" callToast= this /> </View> <ToastMe type=thisstatetype message=thisstatemessage visible=thisstateisToggle /> </View> }
Props
type
- The type of message to handle (success, warning, error, info).
message
- The message you want to show inthe box.
visible
- the state to toggle message box (default is false
).
Contributing
This is pretty basic at the moment, but if you have new features, requests, or would like to contribute feel free to open a PR and ping me!