Add the dependency:
npm i @freakycoder/react-native-button
"react-native-vector-icons": ">= 6.x.x",
"react-native-linear-gradient": ">= 2.5.x",
"react-native-dynamic-vector-icons": ">= x.x.x"
- Button (ClassicButton)
- GooglePlayButton (Material Design 2)
import { Button, GooglePlayButton } from "@freakycoder/react-native-button";
<GooglePlayButton text="Open" textColor="#fff" rippleColor="white" />
<GooglePlayButton outline text="Uninstall" />
<Button gradient textColor="white" shadowColor="#ff738b" />
<Button
solid
textColor="white"
shadowColor="#ff738b"
backgroundColor="#FFAFBD"
/>
<Button outline color="#ff738b" textColor="#ff738b" borderColor="#ff738b" />
Property | Type | Default | Description |
---|---|---|---|
text | string | null | set the button's text |
solid | boolean | false | make the button with a solid background and a shadow |
outline | boolean | true | make the button outline |
gradient | boolean | false | make the button with a gradient background and a shadow |
iconDisable | boolean | false | disable the left icon if you want |
backgroundColor | color | #757575 | change the solid's background color |
style | style | default | set/override the style for the button's style |
textStyle | style | default | set/override style for the button's text style |
shadowStyle | style | default | set/override style for the button's shadow style |
outlineStyle | style | default | set/override style for the button's outline style |
Property | Type | Default | Description |
---|---|---|---|
text | string | null | set the button's text |
solid | boolean | false | make the button with a solid background and a shadow |
outline | boolean | true | make the button outline |
gradient | boolean | false | make the button with a gradient background and a shadow |
iconDisable | boolean | false | disable the left icon if you want |
backgroundColor | color | #757575 | change the solid's background color |
style | style | default | set/override the style for the button's style |
textStyle | style | default | set/override style for the button's text style |
textColor | color | default | set button's text color |
shadowStyle | style | default | set/override style for the button's shadow style |
outlineStyle | style | default | set/override style for the button's outline style |
onPress | function | default | set the onPress functionality |
Property | Type | Default | Description |
---|---|---|---|
name | string | star | change the icon name from React Native Vector Icons |
type | string | FontAwesome | change the icon type from React Native Vector Icons |
color | color | white | change the icon color |
size | number | 15 | change the icon size |
-
LICENSE -
Typescript Challenge & Code Cleaning - Expo Version
- Write an article about the lib on Medium
0.2.0 (2019-09-07)
⚠ BREAKING CHANGE: Way of import is changed! GooglePlayButton with newest Material Design 2 is added 🎉
Merged pull requests:
- Bump eslint-utils from 1.4.0 to 1.4.2 in /example #1 (dependabot[bot])
0.0.15 (2019-08-17)
* This Change Log was automatically generated by github_changelog_generator
FreakyCoder, kurayogun@gmail.com
React Native Button Library is available under the MIT license. See the LICENSE file for more info.