AloPeykSnackbar

alopeyk-snackbar

Snackbar-Plugin für React-Native.

Merkmale

• Unterstützt RTL/LTR -Anweisungen
• Anpassbares Thema

Installation

$ npm install alopeyk-snackbar --save

Und dann:

$ react-native link alopeyk-snackbar

Zusätzlicher Schritt für iOS

Da dieses Repo in Swift geschrieben ist, sollten Sie Test.swift Schieben Sie von node_modulles/alopeyk-snackbar/ios in das Xcode-Projekt Ihres [your project's name] und dann auf copy items if needed und dann auf die Eingabeaufforderung. Wählen Sie Brücke hinzufügen.

Manuelle Installation

iOS

1. Dieses Repo ist in Swift geschrieben und um Swift node_modules/alopeyk-snackbar/ios Code mit Ihrem [your project's name] zu Test.swift
2. Klicken Sie in Xcode im Projekt Navigator mit der rechten Maustaste Libraries ➜ Add Files to [your project's name]
3. Gehen Sie zu node_modules ➜ alopeyk-snackbar und fügen Sie RNSnackbar.xcodeproj hinzu
4. Wählen Sie in Xcode im Projekt Navigator Ihr Projekt aus. Fügen Sie libRNSnackbar.a in Build Phases Ihres Projekts hinzu. ➜ Link Binary With Libraries
5. Führen Sie Ihr Projekt aus ( Cmd+R ) <

Android

1. Öffnen Sie android/app/src/main/java/[...]/MainApplication.java

• Fügen Sie import com.alopeyk.nativemodule.RNSnackbarPackage; zu den Importen oben in der Datei
• Fügen Sie der von der getPackages() -Methode zurückgegebenen Liste new RNSnackbarPackage() hinzu.

2. Gehen Sie die folgenden Zeilen an android/settings.gradle an:

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

3. Fügen Sie die folgenden Zeilen in die Abhängigkeiten ein, blockieren Sie android/app/build.gradle :

     compile project(':alopeyk-snackbar')
   

Verwendung

 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 ( ) ;