1.0.3 • Published 5 months ago
react-native-customreusablebutton v1.0.3
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 |