AloPeykSnackbar

alopeyk-snackbar

React-NativeのSnackbarプラグイン。

特徴

• RTL/LTR方向をサポートします
• カスタマイズ可能なテーマ

インストール

$ npm install alopeyk-snackbar --save

その後 ：

$ react-native link alopeyk-snackbar

iOSの追加ステップ

このレポはSwiftで記述されているため、 Test.swiftをコピーしてnode_modulles/alopeyk-snackbar/iosからプロジェクトのXcodeプロジェクトナビゲーター➜ [your project's name]に、 copy items if neededて[完了]を押してから、プロンプトを押します。 [ブリッジの追加]を選択します。

手動インストール

iOS

1. このレポはSwiftで記述されており、SwiftコードをプロジェクトにリンクするにはTest.swift node_modules/alopeyk-snackbar/iosからのSwiftをプロジェクトのXcodeプロジェクトナビゲーターにコピーする必要があります[your project's name]
2. Xcodeのプロジェクトナビゲーターでは、 Librariesを右クリックしますAdd Files to [your project's name]
3. node_modules alopeyk-snackbarに移動し、 RNSnackbar.xcodeprojを追加します
4. Xcodeのプロジェクトナビゲーターで、プロジェクトを選択します。プロジェクトのBuild PhasesにlibRNSnackbar.aを追加する➜ Link Binary With Libraries
5. プロジェクト（ Cmd+R ）<を実行します

アンドロイド

1. android/app/src/main/java/[...]/MainApplication.javaを開きます

• import com.alopeyk.nativemodule.RNSnackbarPackage;ファイルの上部にあるインポートに
• getPackages()メソッドによって返されたリストにnew RNSnackbarPackage()を追加します

2. 次の行をandroid/settings.gradleに追加します。

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

3. android/app/build.gradleの依存関係ブロック内に次の行を挿入します：

     compile project(':alopeyk-snackbar')
   

使用法

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