Highly Customizable Alert Messages In React Native – Warnings

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:

alert-message-warnings

Download Details:

Author: JeMorini

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/JeMorini/react-native-warnings

License: MIT

Tags:,

Add Comment