import React from 'react';
import { View, StyleSheet, ToastAndroid, Button, StatusBar } from 'react-native';
export default function App() { function showToast() { ToastAndroid.show('Request sent successfully!', ToastAndroid.SHORT); } return ( <View style={styles.container}> <Button title="Show Toast" onPress={showToast} /> </View> );
}
const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', paddingTop: StatusBar.currentHeight, backgroundColor: '#6638f0', padding: 8, },
});

import Toast, {BaseToast, ErrorToast} from 'react-native-toast-message';
export const showToast = (text1: string, text2: string, type: boolean) => { Toast.show({text1: text1, text2: text2, type: type ? 'success' : 'error'});
};
Usage
showToast('Error', 'The post no longer exists.', true);

npm install react-native-simple-toast --save
react-native link react-native-simple-toast // only RN < 0.60
cd ios && pod install

{"tags":[{"tag":"p","content":"You have reached your max daily Grepper answers. <a href=\"https://www.grepper.com/subscriptions.php\" target=\"_blank\" rel=\"nofollow\">Upgrade to professional </a>to view more Grepper answer today."},{"tag":"p","content":"<a href=\"https://www.grepper.com/api/view_product.php?hl=1&amp;pid=42\" target=\"_blank\" rel=\"nofollow\">Upgrade To Grepper Professional</a>"}]}

{"tags":[{"tag":"p","content":"import Toast from 'react-native-toast-message'; "}]}