React Native Bottom Sheet

React Native Bottom Sheet — модуль для Android

Демонстрация

Демонстрация работы модуля:

Перейти к примеру ->

Как установить (How to install)

1. Сначала установите npm пакет (Install package from npm first):

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

2. Связывание (link, текущая версия может не поддерживать):

   rnpm link

3. Отредактируйте файл android/settings.gradle, чтобы он выглядел следующим образом (без +):

   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')

4. Отредактируйте android/app/build.gradle (обратите внимание на папку app), чтобы он выглядел так:

   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') }

5. Отредактируйте свой MainApplication.java (глубоко в android/app/src/main/java/...), чтобы он выглядел следующим образом (обратите внимание на два места для редактирования):

   package com.myapp;
   

• import com.gnet.bottomsheet.RNBottomSheetPackage;

....

@Override protected List getPackages() { return Arrays.asList( new MainReactPackage()

• , new RNBottomSheetPackage() ); }

}

#### Примечание:
* rnpm требует версию узла 4.1 или выше.
* Android SDK Build-tools 23.0.1 или выше.

## Как использовать (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)