React Native Floating Action Menu

Overview

The FloatingItem component is a robust and versatile tool designed to enhance user interaction with menu interfaces in applications. This component offers flexibility in both design and functionality, making it an excellent choice for developers looking to create dynamic and engaging user experiences. With features such as customizable labels and responsive design adjustments, the FloatingItem is poised to fit into various app layouts smoothly.

Features

• Label: Allows you to provide descriptive text next to the button, requiring a simple string input for clarity.
• Label Style: Customize the appearance of the label text through an object input, enhancing the visual appeal to match your app's theme.
• Pending State: When the isPending property is set to true, an ActivityIndicator replaces the icon, indicating loading or processing states to users.
• Disabled State: The isDisabled boolean ensures easy management of interactivity, preventing user actions when the button should be inactive.
• Press Callback: The onPress function allows you to define specific actions when the item is pressed, overriding any default settings to deliver unique functionality.
• Menu Items Configuration: Easily manage and position multiple items in the menu using an array, which organizes their display order in relation to the menu button.
• Menu State Control: The isOpen property gives you direct control over the visibility of the menu, making it simple to toggle between states.
• Positioning Options: With customizable options for alignment, you can position the menu at the 'top-left', 'top-right', 'bottom-left', or 'bottom-right' to suit your design requirements.