An animated React Native button component that folds during submission and expands back with success/error states.
react-native-submit-button is an animated button component for React Native that provides visual feedback during form submissions. It folds when in progress and expands back when ready, with support for success and error states. The component helps create more engaging user interfaces by giving clear visual cues during asynchronous operations.
React Native developers building mobile applications with forms that require visual feedback during submission processes.
Developers choose this component for its polished animation, easy integration, and customizable appearance that works consistently across both Android and iOS platforms without requiring custom animation code.
Animated Submit button. Works on both android and ios.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Provides polished folding and expanding animations during submission, with configurable timing via the animationDuration prop (default 200ms), enhancing user engagement.
Handles normal, success, and error states with customizable colors (primaryColor, errorColor) and icons, allowing clear visual feedback for form outcomes.
Works on both Android and iOS React Native applications, ensuring consistent behavior and appearance across mobile platforms.
Offers props for width, height, text, colors, and styles (textStyle, buttonStyle), making it easy to adapt to various design requirements.
The README recommends react-native link for RN > 0.29, which may not be compatible with newer React Native versions or modern tooling like autolinking.
Success icons rely on fontello icon names (iconName prop), restricting users to a predefined set and requiring additional setup for custom icons.
The animation is limited to folding and expanding; users cannot easily switch to different animation types without modifying the source code.