Feature Request - Animated Shrink Button with Loading Indicator

[JaweedVenturedive]

Is your feature request related to a problem? Please Describe.

Currently, there is no straightforward way to implement an animated button that smoothly shrinks in size with a loading indicator in the React Native Elements library.

Describe the solution you'd like

I would like to propose the addition of a new feature to React Native Elements that allows for the creation of an animated button. This button should smoothly shrink in size upon being clicked, accompanied by an optional loading indicator to signify ongoing asynchronous operations. The inclusion of such a feature would enhance user experience and provide developers with a simple and elegant solution for creating dynamic UI interactions.

Describe alternatives you've considered

While it is possible to manually implement this behavior using React Native's Animated module, having a dedicated component within React Native Elements would simplify the development process. Currently, developers need to handle the animation, loading state, and UI updates separately, leading to boilerplate code and potential inconsistencies in implementations.

Additional context

The proposed animated shrink button could follow a pattern similar to the one commonly used in modern applications, providing a seamless and visually pleasing transition when interacting with buttons. This feature would not only align with the library's focus on reusable UI components but also contribute to a more cohesive and polished user interface.

I believe that adding this feature would be beneficial to developers working with React Native Elements, offering them a convenient and standardized solution for implementing animated buttons with loading indicators.

below is the example of requested feature that I will be implementing.