react-native-bottom-sheet-text-view
ReactNative: Native Bottom Sheet Text View (Android/iOS): Deprecated
This library is a wrapper around native bottomsheet which is modified to show a large text view:
Android: prscX/BottomSheetTextView.Android |
---|
iOS: prscX/BottomSheetTextView.iOS |
---|
? Getting Started
$npm install react-native-bottom-sheet-text-view
$react-native link react-native-bottom-sheet-text-view
-
Android
- Please add below script snippet in your app
build.gradle
- Please add below script snippet in your app
buildscript {
repositories {
jcenter()
maven { url "https://maven.google.com" }
}
...
}
allprojects {
repositories {
jcenter()
mavenLocal()
maven { url "https://maven.google.com" }
...
}
}
dependencies {
compile 'com.github.prscX:BottomSheetTextView.Android:0.0.1'
}
Note: Android SDK 27 > is supported
- iOS
- After
react-native link react-native-bottom-sheet-text-view
, please verifynode_modules/react-native-bottom-sheet-text-view/ios/
containsPods
folder. If does not exist please executepod install
command onnode_modules/react-native-bottom-sheet-text-view/ios/
, if any error => trypod repo update
thenpod install
- After
? Usage
import { RNBottomSheetTextView } from 'react-native-bottom-sheet-text-view'
RNBottomSheetTextView.Show({
title: '',
description: ''
});
? Props
- Props: Generic
Prop | Type | Default | Note |
---|---|---|---|
title |
string |
Specify the title of bottom sheet | |
description |
string |
Specify the description of bottom sheet | |
titleSize |
number |
25 | Specify the font size of title |
descriptionSize |
number |
20 | Specify the font size of description |
titleColor |
string: HEX-NUMBER |
#000000 |
Specify the color of title |
descriptionColor |
string: HEX-NUMBER |
#757575 |
Specify the color of description |
GitHub
https://github.com/prscX/react-native-bottom-sheet-text-view