AloPeykSnackbar

Alopeyk-Snackbar

المكون الإضافي للوجبات الخفيفة للتفاعل.

سمات

• يدعم اتجاهات RTL/LTR
• موضوع قابل للتخصيص

تثبيت

$ npm install alopeyk-snackbar --save

وثم :

$ react-native link alopeyk-snackbar

خطوة إضافية لنظام التشغيل iOS

نظرًا لأن هذا الريبو مكتوب في Swift ، يجب عليك نسخ Test.swift من node_modulles/alopeyk-snackbar/ios copy items if needed Novigator لمشروع Xcode في [your project's name] ➜ حدد إضافة جسر.

التثبيت اليدوي

iOS

1. يتم كتابة هذا الريبو في Swift وربط الرمز السريع بمشروعك node_modules/alopeyk-snackbar/ios يجب عليك نسخ Test.swift [your project's name]
2. في Xcode ، في Navigator Project ، انقر بزر الماوس الأيمن Libraries ➜ Add Files to [your project's name]
3. انتقل إلى node_modules ➜ alopeyk-snackbar وأضف RNSnackbar.xcodeproj
4. في Xcode ، في مشروع 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 ( ) ;