expo-custom-button

expo-custom-button is a customizable and reusable button component for React Native

Installation

To install expo-custom-button, run:

npm install expo-custom-button

OR

yarn add expo-custom-button

Usage

// import here
import CustomButton from 'expo-custom-button';

// Basic Usage
<CustomButton
  text="Click me"
  onPress={() => console.log('Button clicked!')}
/>

Prop	Type	Default Value	Description
text	string		Button
onPress	function		Function to call when the button is pressed
leftIcon	object		Object containing information about the left icon
rightIcon	object		Object containing information about the right icon
fontSize	number	16	Font size for the button text
fontWeight	string	bold	Font weight for the button text
TextColor	string	black	Color of the button text
backgroundColor	string	lightblue	Background color of the button
borderRadius	string	5px	Border radius for the button
width	string or number	auto	Width of the button

Icons Prop Example:

The leftIcon and rightIcon props should be an object containing the uri property for remote image URLs, or a local image require statement. For example:

const leftIcon = {
  uri: 'https://example.com/left-icon.png'
};

const rightIcon = require('./right-icon.png');

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

CustomButton is released under the MIT License. See LICENSE for details.