react-native-bootstrap-buttons

Simple and expandable React Native bootstrap buttons.

Installation

yarn add react-native-bootstrap-buttons

or

npm install react-native-bootstrap-buttons --save

Properties

Prop Name	Type	Default Value
onPress	function	null
label	string	""
labelStyle	Object	{}
containerStyle	object	{}
disabled	bool	false
buttonType	string enum "primary", "outline", "info", "warning", "danger", "success", "link"	"primary"
curved	bool	true
rounded	bool	false
square	bool	false

Usage

Curved button ( default )

import Button from "react-native-bootstrap-buttons";
 
<Button label="Curved Button" buttonType="primary" />

Square button

import Button from "react-native-bootstrap-buttons";
 
<Button label="My Button" buttonType="primary" square />

Rounded button

import Button from "react-native-bootstrap-buttons";
 
<Button label="My Button" buttonType="primary" rounded />

Disabled button

import Button from "react-native-bootstrap-buttons";
 
<Button label="My Button" buttonType="primary" disabled />

Add your own themes

call the addTheme function in your app entry file (index.js)

import { addTheme } from "react-native-bootstrap-buttons";
 
//addTheme( themeName, labelColor, disabledLabelColor, backgroundColor, disabledBackgroundColor );
addTheme( "myTheme", "red", "gray", "yellow", "teal" );
 
// Use your custom theme
<Button buttonType="myTheme" label="My Button" />

Demo

To run the demo clone the repo and navigate into the example folder

yarn install
or
npm run

then run yarn run ios or yarn run android