import React, { useState } from 'react';
import { Button } from 'react-native';
import Toast from 'toastify-react-native';

export default function App() {
  const [toastify, setToastify] = useState()

  return (
    <View>
      <Toast ref={(c) => setToastify(c)} />

      <Button onPress={() => toastify.success("Success")} />
    </View>
  );

}

import React, { useState } from 'react';
import { StyleSheet, View, TouchableOpacity, Text } from 'react-native';
import Toast from './app/components/toastify-react-native';

export default function App() {
  const [toastify, setToastify] = useState()
  const [toastify2, setToastify2] = useState()
  const [toastify3, setToastify3] = useState()

  const showToasts = async () => {
    toastify.success("Success");
    toastify2.info("Some info");
    toastify3.error("This is an Error");
  }

  return (
    <View style={styles.container} >
      {/* Toasts */}
      <Toast ref={(c) => setToastify(c)} />
      <Toast position="center" animationStyle="fancy" ref={(c) => setToastify2(c)} />
      <Toast position="bottom" animationStyle="rightInOut" ref={(c) => setToastify3(c)} />

      {/* Button */}
      <TouchableOpacity style={{ marginTop: 200, backgroundColor: "white", borderColor: "green", borderWidth: 2, padding: 10 }} onPress={() => showToasts()} >
        <Text>
          SHOW SOME AWESOMENESS !
        </Text>
      </TouchableOpacity>
    </View>
  );

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  }
});