React Native Really Awesome Button screenshot

React Native Really Awesome Button

Author Avatar Theme by Rcaferati
Updated: 29 Dec 2022
1270 Stars

React Native button component. Awesome Button is a 3D at 60fps, progress enabled, social ready, extendable, production ready component that renders an awesome animated set of UI buttons.

Categories

Overview

React Native Really Awesome Button is a performant and production-ready React Native component that provides an animated set of 3D UI buttons. With features like custom children, extra content placement, and full event control, this component offers a versatile solution for button animations in React Native applications.

Features

  • Custom Children: Add content before and after the button label for icons or other inlined content that animates with the button text.
  • Extra Content Placement: Use the extra prop to render components like images or gradient backgrounds within the button content body.
  • Full Event Control: Control every animation stage with events like onPressedIn and onPressedOut for precise animation handling.
  • Activity Indicator: Customize the button’s activity indicator color with the activityColor attribute.
  • Dynamic Styling: Adjust various background colors and styles such as backgroundActive, backgroundColor, borderRadius, and more.

Installation

To install the React Native Really Awesome Button component, you can follow these steps:

  1. Install the package via npm:
    npm install react-native-really-awesome-button
    
  2. Import the component in your React Native code:
    import AwesomeButton from 'react-native-really-awesome-button';
    
  3. Start using the component in your application as needed.

Summary

React Native Really Awesome Button is a versatile component for creating animated 3D UI buttons in React Native applications. With features like custom children, event control, and dynamic styling options, this component offers a flexible solution for enhancing user interactions. By following the installation guide, developers can easily integrate this component into their projects and leverage its capabilities to create engaging button animations.