More Premium Hugo Themes Premium React Themes

React Native Snackbar

:candy: Material Design "Snackbar" component for Android and iOS.

React Native Snackbar

:candy: Material Design "Snackbar" component for Android and iOS.

Author Avatar Theme by cooperka
Github Stars Github Stars: 868
Last Commit Last Commit: Mar 29, 2025 -
First Commit Created: Feb 24, 2024 -
React Native Snackbar screenshot

Overview

The React Native Snackbar is a Material Design component designed for Android and iOS platforms. It provides a customizable way to display brief messages to users along with optional actions. The Snackbar animates up from the bottom of the screen and disappears shortly afterward, following Google’s Material Design guidelines for best practices.

Features

  • Support for custom colors, fonts, and languages
  • Customizable duration for message display
  • Responsive design for Android and iOS platforms
  • Easy integration with React Native applications

Installation

To install the React Native Snackbar, you can use npm or Yarn. Using npm:

npm install react-native-snackbar --save

Using Yarn:

yarn add react-native-snackbar

For React Native versions before 0.60, you can link the Snackbar manually or with react-native link react-native-snackbar. Note that for Expo projects, you need to eject to ExpoKit as Expo does not support native modules.

Summary

The React Native Snackbar component provides a simple and effective way to display messages in React Native applications following Material Design principles. With support for custom colors, fonts, and languages, it offers flexibility in design and language localization. The installation process is straightforward, making it easy to integrate into both new and existing React Native projects.