Snackbar for React Native in Android
Expose the Snackbar android widget for react-native apps.
Snackbar provides a lightweight feedback to users about an operation, such as saving a form or deleting a message. They are similar to Toasts, but are a bit more prominent and customizable.
Fore more info please refer to the Google design spec on Snackbars.
Usage
Require it:
import Snackbar from 'react-native-android-snackbar';
Then call:
Snackbar.show('Hello World!', options);
Available options:
duration
: one of:Snackbar.SHORT
,Snackbar.LONG
,Snackbar.INDEFINITE
orSnackbar.UNTIL_CLICK
actionLabel
: text to show at the right of the snackbaractionColor
: color of the action text in the snackbar. Likered
or#FFCA00
actionCallback
: function to be evoked after the user clicks the snackbar. Keep in mind the snackbar will automatically close just before this function call
To dismiss the currently active Snackbar early (for example, when changing scenes in your app), you can call:
Snackbar.dismiss();
Setup
- Include this module in
android/settings.gradle
:
include ':react-native-android-snackbar', ':app'
project(':react-native-android-snackbar').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-android-snackbar/android')
- Add a dependency to your app build in
android/app/build.gradle
:
dependencies {
...
compile project(':react-native-android-snackbar')
}
- Change your main activity to add a new package, in
android/app/src/main/.../MainActivity.java
:
import com.lugg.ReactSnackbar.ReactSnackbarPackage; // Add new import
public class MainActivity extends ReactActivity {
...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new ReactSnackbarPackage(this) // Add the package here
);
}
}