Package Exports

react-native-toggle-with-text
react-native-toggle-with-text/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-toggle-with-text) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Toggle-button--with-text-component

A react native component that show toggle button with text

## Features

Pure JS.
Compatible with both iOS and Android.
Highly customizable.

first image states - button is in active state / second image states - button is in inActive state

Tech

use disabled boolean to disable the button
onActive function will be trigger in first render
you can use your own images for active or inactive states

Installation

npm i react-native-toggle-with-text

Example

Import this module:

import ToggleButtonWithText from 'react-native-toggle-with-text';

Use as a component:

<ToggleButtonWithText 
        onActive={() => console.log('online')} 
        onDisable={() => console.log('offline')} />

Prop	Type	Optional	Default	Description
activeText	String	YES	online	Active state text
inActiveText	String	YES	offline	inActive state text
ActiveImage	String	YES	Active image	this is the image for active state
inActiveImage	String	YES	inActive image	InActive image
activeImageStyle	String	YES	defualt	style of active image style
inActiveImageStyle	String	YES	defualt	style of inactive image style
backgroundActive	String	YES	'transparent'	background color of active state
backgroundInactive	String	YES	'transparent'	background color of inactive state
containerWidth	number	YES	100	button width
containerheight	number	YES	30	button height
borderRadius	number	YES	15	button border radius
textStyle	object	YES	defualt	style of text
disabled	boolean	YES	false	enable button interaction
onActive	function	YES	' '	this is a function trigger when button in active state
onInActive	function	YES	' '	this is a function trigger when button in inActive state

Development

Any suggestion is welcome.