react-native-customreusablebutton

CustomButton Component

A customizable button component for React Native with optional icon support.

Installation

Ensure you have React Native installed in your project before using this component.

Usage

import React from 'react';

import { View, Alert } from 'react-native';

import CustomButton from 'react-native-customReusableButton';

const App = () => {

return (

<View>

  <CustomButton

    title="Click Me"

    onPress={() => Alert.alert('Button Pressed!')}

    iconSource={require('./path-to-icon.png')} // Optional icon

  />

</View>

);

};

export default App;

Props

Prop	Type	Description	Default
title	string	The text displayed on the button.	-
onPress	() => void	Function to execute when button is pressed.	-
isButtonDisabled	boolean	Disables the button when true.	false
iconSource	ImageSourcePropType	Optional image/icon to display on the button.	undefined
style	StyleProp<ViewStyle>	Custom style for the button container.	undefined
textStyle	StyleProp<TextStyle>	Custom style for the button text.	undefined
imageStyle	StyleProp<ImageStyle>	Custom style for the button image.	undefined
activeOpacity	number	Opacity effect when button is pressed.	0.7