Highly Customizable Alert Messages In React Native – Warnings

Description:

Warnings is a highly customizable, toast-like alert component for React Native.

How to use it:

1. Install and import the warning component in your project.

# Yarn
$ yarn add react-native-warnings
# NPM
$ npm i react-native-warnings

import React from "react";
import { StyleSheet, Text, View } from "react-native";
import { Warnings } from "react-native-warnings";

2. Display an alert message on the screen.

export default function App() {
  return (
    <View style={styles.container}>
      <Warnings
        color="black"
        fontColor="white"
        message="Alert Message"
        visible={true}
      />
    </View>
  );
}

Preview: