AloPeykSnackbar

alopeyk-snackbar

Plugin Snackbar pour React-Native.

Caractéristiques

• Prend en charge les instructions RTL / LTR
• Thème personnalisable

Installation

$ npm install alopeyk-snackbar --save

et puis :

$ react-native link alopeyk-snackbar

Étape supplémentaire pour iOS

Étant donné [your project's name] ce dépôt est écrit en Swift, vous devez copier Test.swift à partir de node_modulles/alopeyk-snackbar/ios copy items if needed Xcode Project Navigator Sélectionnez Ajouter un pont.

Installation manuelle

ios

1. Ce dépôt est écrit dans Swift et pour lier le code Swift à votre projet, vous devez copier Test.swift à partir de node_modules/alopeyk-snackbar/ios dans le projet de projet Xcode de votre projet [your project's name]
2. Dans Xcode, dans le Navigator du projet, Libraries de clic droit ➜ Add Files to [your project's name]
3. Allez sur node_modules ➜ alopeyk-snackbar et ajoutez RNSnackbar.xcodeproj
4. Dans Xcode, dans le Navigator du projet, sélectionnez votre projet. Ajouter libRNSnackbar.a aux Build Phases de votre projet ➜ Link Binary With Libraries
5. Exécutez votre projet ( Cmd+R ) <

Androïde

1. Ouvrez android/app/src/main/java/[...]/MainApplication.java

• Ajouter import com.alopeyk.nativemodule.RNSnackbarPackage; aux importations en haut du fichier
• Ajouter new RNSnackbarPackage() à la liste renvoyée par la méthode getPackages()

2. Ajoutez les lignes suivantes à android/settings.gradle :

    include ':alopeyk-snackbar'
   project(':alopeyk-snackbar').projectDir = new File(rootProject.projectDir, 	'../node_modules/alopeyk-snackbar/android')
   

3. Insérez les lignes suivantes à l'intérieur du bloc des dépendances dans android/app/build.gradle :

     compile project(':alopeyk-snackbar')
   

Usage

 import Snackbar from 'alopeyk-snackbar' ;

Snackbar . show ( {
	title : 'Please agree to this.' ,
	duration : Snackbar . LENGTH_INDEFINITE ,
	backgroundColor : 'silver' ,
	color : '#333' ,
	maxLines : 3 , //Default: 2
	barPosition : Snackbar . BAR_POSITION_TOP , //Default: Snackbar.BAR_POSITION_BOTTOM
	direction : Snackbar . DIRECTION_RTL , //Default: Snackbar.DIRECTION_LTR
	action : {
		title : 'AGREE' ,
		onPress : ( ) => Snackbar . show ( { title : 'Thank you!' } ) ,
		color : '#992222' ,
	} ,
} ) ;

// dismiss snackbar
Snackbar . dismiss ( ) ;