Version: 3.0.3

SnackBar

Snackbar informs users about a process that an app has performed or will perform. It appears temporarily, towards the bottom of the screen. It shouldn’t interrupt the user experience and doesn't require user input to disappear.

Import#

import { Snackbar } from 'native-base';

Example#

Usage#

Using Hook#

Props#

Implement Slide, all props of Box and Slide can be passed.

NameTypeDescriptionDefault
autoHideDurationnumberThe number of milliseconds to wait before dismissing snackbar.-
accessibilityAnnouncementstringString to be announced by the screen reader.-
accessibilityLiveRegionnone , polite , assertiveTo read the content to Talkback and screen reader on web. Read morepolite

Accessibility#

  • On Android and Web, Snackbar renders under a View with accessibilityLiveRegion which announces the content rendered inside it to screen reader devices.
  • On iOS, accessibilityLiveRegion is not supported yet, so we use the accessibilityAnnouncement to announce the content.