AloPeykSnackbar

Алопик-Снакбар

Плагин с закусочной для реагирования.

Функции

• Поддерживает направления RTL/LTR
• Настраиваемая тема

Установка

$ npm install alopeyk-snackbar --save

а потом :

$ react-native link alopeyk-snackbar

Дополнительный шаг для iOS

Поскольку этот репо написан в Swift, вы должны скопировать Test.swift Запрос из node_modulles/alopeyk-snackbar/ios для вашего проекта xcode navigator ➜ [your project's name] , а затем нажмите на copy items if needed , и нажмите «Завершить», а затем в Выберите добавить мост.

Ручная установка

ios

1. Этот репо написан в Swift и для того, чтобы связать Swift Code с вашим проектом, вы должны скопировать Test.swift от node_modules/alopeyk-snackbar/ios в проект вашего проекта [your project's name]
2. В XCode, в Project Navigator, Libraries правой кнопкой мыши ➜ Add Files to [your project's name]
3. Перейдите к node_modules ➜ alopeyk-snackbar и добавить RNSnackbar.xcodeproj
4. В XCode, в Project Navigator, выберите свой проект. Добавить libRNSnackbar.a к Build Phases вашего проекта ➜ Link Binary With Libraries
5. Запустите свой проект ( Cmd+R ) <

Android

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