rn-icon-button

A customizable button component allowing you to create visually appealing buttons, utilising images, text or a combination of both.

Setup

npm install rn-icon-button

Usage

import { CustomButton } from 'rn-icon-button';

<CustomButton buttonStyles={styles.buttonStyle} onPress={onPress} title='LOGIN' buttonTextStyles={styles.buttonText} icon={require(PATH_TO_ICON)} iconSize={25} />

Properties

Prop	Type	default	Required	Note
title	string	NA	Optional	title of the dialog
onPress	function	NA	Optional	To perform task on press of the button
buttonTextStyles	object	NA	Optional	Styles for button title text.See example
buttonStyle	object	NA	Optional	Styles for button.See example
icon	image	NA	Optional	Use image to your buttons with or without text(button titles)
iconSize	number	NA	Optional	use this to make the icon fit with your buttons

Screenshot