More Premium Hugo Themes Premium React Themes

React Native Message Bar

A notification bar alert displayed at the top of the screen for react-native

React Native Message Bar

A notification bar alert displayed at the top of the screen for react-native

Author Avatar Theme by kblny
Github Stars Github Stars: 441
Last Commit Last Commit: May 19, 2016 -
First Commit Created: Feb 24, 2024 -
React Native Message Bar screenshot

Overview

The react-native-message-bar is a notification component designed for React Native projects on Android and iOS platforms. It provides a simple way to display message bar alerts at the top of the screen.

Features

  • Android and iOS Capable: Compatible with both Android and iOS platforms.
  • Animated Alert: Supports animated alerts with title, message, and icon/avatar.
  • Top or Bottom Display: Can display alerts at the top or bottom of the screen.
  • Customization Options: Offers customization for alert styles, content, layout, position, and animation.
  • Auto-hide Feature: Alerts can be set to auto-hide after a specified time or upon user interaction.
  • Callbacks: Provides callbacks for alert show, hide, and tap events.
  • Children Component Support: Supports integration with children components for displaying alerts.

Installation

To install the react-native-message-bar package in your React Native project, navigate to your project directory and run the following command:

npm install react-native-message-bar

Summary

The react-native-message-bar is a versatile notification component for React Native projects, offering features such as animated alerts, customization options, auto-hide functionality, and callback support. It is compatible with both Android and iOS platforms, providing a convenient way to display message bar alerts at the top or bottom of the screen with various styling and animation choices.