whatakitty / react-native-bottom-sheet

React Native Bottom Sheet module for android

react-native-bottom-sheet

React Native Bottom Sheet module for android

Demo

Go to example ->

如何安装(How to install)

首先安装npm包(Install package from npm first)

npm install react-native-bottom-sheet --save

link(current may not support)

rnpm link

Edit android/settings.gradle to look like this (without the +):

rootProject.name = 'MyApp'

include ':app'

+ include ':react-native-bottom-sheet'
+ project(':react-native-bottom-sheet').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-bottom-sheet/android')

Edit android/app/build.gradle (note: app folder) to look like this:

apply plugin: 'com.android.application'

android {
...
}

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile "com.android.support:appcompat-v7:23.0.1"
compile "com.facebook.react:react-native:+"  // From node_modules
+ compile project(':react-native-bottom-sheet')
}

Edit your MainApplication.java (deep in android/app/src/main/java/...) to look like this (note two places to edit):

package com.myapp;

+ import com.gnet.bottomsheet.RNBottomSheetPackage;

....

@Override
protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
    new MainReactPackage()
+   , new RNBottomSheetPackage()
    );
}

}

Note:

• rnpm requires node version 4.1 or higher
• Android SDK Build-tools 23.0.1 or higher

如何使用(How to use)

引入包(import package)

import BottomSheet from 'react-native-bottom-sheet';

BottomSheet.showBottomSheetWithOptions(options: Object, callback: Function)
BottomSheet.showShareBottomSheetWithOptions(options: Object, failureCallback: Function, successCallback: Function)

react-native-bottom-sheet's Issues

Android: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.

Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html

@WhatAKitty , can you please make small commit with switching from compile to implementation in build.gradle file and publish new version to npm ?

Tag new version to include RN 0.47 breaking change?

Could you tag a new version of this package that includes the PR that was merged a while back? #8

React Native >= 0.33

The usage of this package with React Native >= 0.33 causes crashes whenever this or any other package invokes onActivityResult (due to RN 0.33 breaking change of ActivityEventListener interface).
@WhatAKitty there's a fork fixing this problem, are you planning to integrate / ask for a PR?
It's a really annoying issue, and it would be great to keep the distribution of your package consistent, avoiding the spreading of forks for such a simple update.

Thanks for this package btw!

Crashing on android with rn 0.55.4

Rejecting re-init on previously-failed class java.lang.Class<com.cocosw.bottomsheet.ClosableSlidingLayout$ViewDragCallback>: java.lang.NoClassDefFoundError: Failed resolution of: Landroidx/customview/widget/ViewDragHelper$Callback;

callback not getting called

callback not getting called when BottomSheet is dismissed by tapping on the overlay on Android.

On Click i wanted to hide sheet manually. is there anyway?