React Native Bottom sheet for android
npm install 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
``bash`
npm install react-native-bottom-sheet --save
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)
``