React Native Custom Expandable Button
React Native Custom Expandable Button is an npm package that provides an animated and customizable button component. This button expands when clicked, grabs attention for a specific duration, and then smoothly reverts to its original size.
Installation
To add the package to your project, use the following command:
npm install react-native-custom-expandable-button
import React from 'react';
import { View } from 'react-native';
import CustomExpandableButton from 'react-native-custom-expandable-button';
const App = () => {
return (
<View>
<CustomExpandableButton
title="Click Me"
width={140}
height={40}
borderRadius={5}
borderWidth={2}
borderColor="#3498db"
/>
</View>
);
};
export default App;
Custom Features
Expandable Animation: Adds an expanding animation when clicked, creating an interactive and engaging button.
Customizable: Allows users to adjust properties like width, height, corner radius, and border thickness.
Color Options: Customize the border color and background color during the click animation.