AloPeykSnackbar

Alopeyk-Snackbar

Plugin Snackbar para react-nativo.

Características

• Suporta direções RTL/LTR
• Tema personalizável

Instalação

$ npm install alopeyk-snackbar --save

e então :

$ react-native link alopeyk-snackbar

Etapa extra para iOS

Como este repositório está escrito no SWIFT, você deve copiar Test.swift de node_modulles/alopeyk-snackbar/ios para o navegador do projeto Xcode do seu projeto ➜ [your project's name] e clique em copy items if needed , e pressionar acabamento e depois no prompt. Selecione Adicionar ponte.

Instalação manual

iOS

1. Este repositório está escrito em Swift e para vincular o código SWIFT ao seu projeto, você deve copiar Test.swift de node_modules/alopeyk-snackbar/ios no Navigador do Projeto Xcode do seu projeto [your project's name]
2. No Xcode, no navegador do projeto, clique com o botão direito do clique Libraries ➜ Add Files to [your project's name]
3. Vá para node_modules ➜ alopeyk-snackbar e adicione RNSnackbar.xcodeproj
4. No Xcode, no navegador do projeto, selecione seu projeto. Adicione libRNSnackbar.a às Build Phases do seu projeto ➜ Link Binary With Libraries
5. Execute seu projeto ( Cmd+R ) <

Android

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

• Adicionar import com.alopeyk.nativemodule.RNSnackbarPackage; para as importações no topo do arquivo
• Adicione new RNSnackbarPackage() à lista retornada pelo método getPackages()

2. Anexe as seguintes linhas ao android/settings.gradle :

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

3. Insira as seguintes linhas dentro do bloco de dependências no android/app/build.gradle :

     compile project(':alopeyk-snackbar')
   

Uso

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