AloPeykSnackbar

Alopeyk-Snackbar

반응 네이티브를위한 스낵바 플러그인.

특징

• RTL/LTR 방향을 지원합니다
• 사용자 정의 가능한 테마

설치

$ npm install alopeyk-snackbar --save

그런 다음 :

$ react-native link alopeyk-snackbar

iOS를위한 추가 단계

이 repo는 Swift로 작성되었으므로 Test.swift node_modulles/alopeyk-snackbar/ios 에서 프로젝트의 Xcode Project Navigator ➜ [your project's name] 으로 스수 한 다음 copy items if needed 클릭 한 다음 Prosnd를 누르십시오. 브리지 추가를 선택하십시오.

수동 설치

iOS

1. 이 repo는 Swift로 작성되었으며 Swift 코드를 프로젝트에 연결하기 위해 Test.swift 에서 node_modules/alopeyk-snackbar/ios 에서 프로젝트의 Xcode Project Navigator [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 ( ) ;