React Native Snackbar screenshot

React Native Snackbar

Author Avatar Theme by Cooperka
Updated: 29 Mar 2025
868 Stars

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

Categories

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.