react-native-bottom-sheet

[![Build Status][travis-image]][travis-url]
[![npm version][npm-image]][npm-url]
[![npm downloads][npm-dm-image]][npm-url]

[npm-image]: https://badge.fury.io/js/react-native-bottom-sheet.svg
[npm-dm-image]: http://img.shields.io/npm/dm/react-native-bottom-sheet.svg?style=flat
[npm-url]: https://npmjs.org/package/react-native-bottom-sheet
[react-native-url]: https://facebook.github.io/react-native/
[travis-image]: https://travis-ci.org/WhatAKitty/react-native-bottom-sheet.svg?branch=master
[travis-url]: https://travis-ci.org/WhatAKitty/react-native-bottom-sheet

React Native Bottom Sheet module for android

Demo

!demo

Go to example ->

如何安装(How to install)

$3

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

$3


`bash
rnpm link
`

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

`diff
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:

`diff
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):

`diff
package com.myapp;

+ import com.gnet.bottomsheet.RNBottomSheetPackage;

....

@Override
protected List getPackages() {
return Arrays.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)

$3

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

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