AloPeykSnackbar

Alopeyk-Snackbar

Snackbar插件用於反應本。

特徵

• 支持RTL/LTR指示
• 可自定義的主題

安裝

$ npm install alopeyk-snackbar --save

進而 ：

$ react-native link alopeyk-snackbar

iOS的額外步驟

由於此存儲庫是用Swift編寫的，因此您應該複製Test.swift從node_modulles/alopeyk-snackbar/ios旋轉到您的項目的Xcode Project navigator➜ [your project's name] ，然後copy items if needed ，然後按填充，然後按提示選擇添加橋。

手動安裝

ios

1. 此存儲庫是用Swift編寫的，用於將Swift node_modules/alopeyk-snackbar/ios鏈接到您的項目，您必須複製Test.swift [your project's name]
2. 在Xcode中，在項目導航器中，右鍵單擊Libraries ➜ Add Files to [your project's name]
3. 轉到node_modules alopeyk-snackbar並添加RNSnackbar.xcodeproj
4. 在Xcode中，在項目導航器中，選擇您的項目。將libRNSnackbar.a添加到您項目的Build Phases ➜ Link Binary With Libraries
5. 運行您的項目（ Cmd+R ）<

安卓

1. 打開android/app/src/main/java/[...]/MainApplication.java

• 添加import com.alopeyk.nativemodule.RNSnackbarPackage;到文件頂部的導入
• 將new RNSnackbarPackage()添加到getPackages()方法返回的列表

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