Snackbar插件用于反应本。
$ npm install alopeyk-snackbar --save
进而 :
$ react-native link alopeyk-snackbar
由于此存储库是用Swift编写的,因此您应该复制Test.swift
从node_modulles/alopeyk-snackbar/ios
旋转到您的项目的Xcode Project navigator➜ [your project's name]
,然后copy items if needed
,然后按填充,然后按提示选择添加桥。
node_modules/alopeyk-snackbar/ios
链接到您的项目,您必须复制Test.swift
[your project's name]
Libraries
➜ Add Files to [your project's name]
node_modules
alopeyk-snackbar
并添加RNSnackbar.xcodeproj
libRNSnackbar.a
添加到您项目的Build Phases
➜ Link Binary With Libraries
Cmd+R
)< android/app/src/main/java/[...]/MainApplication.java
import com.alopeyk.nativemodule.RNSnackbarPackage;
到文件顶部的导入new RNSnackbarPackage()
添加到getPackages()
方法返回的列表android/settings.gradle
: include ':alopeyk-snackbar'
project(':alopeyk-snackbar').projectDir = new File(rootProject.projectDir, '../node_modules/alopeyk-snackbar/android')
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 ( ) ;