ButtonLoader Component

The ButtonLoader component is a customizable and reusable React Native button with loading indicator functionality. It is designed to provide a seamless user experience during asynchronous operations such as network requests. This component is particularly useful for scenarios where you want to indicate ongoing background processes to the user while preventing further interactions with the button.

Features

• Loading Indicator: Displays a loading indicator when the loading prop is set to true.
• Customizable Styles: Supports custom styling for the button (btnStyle), label (labelStyle), and loading indicator (color).
• Accessibility: Utilizes the disabled prop to prevent button interactions while loading.

Usage

import ButtonLoader from 'react-native-button-loader';

      <ButtonLoader
        label="LOGIN"
        loading={/* Set to true when loading */}
        onPress={handleSubmit}
        // Optional: Customize other props (btnStyle, labelStyle, color, etc.)
      />

Props

• btnStyle: Style object for the button container.
• onPress: Function to be called when the button is pressed.
• disabled: Disables the button and prevents interactions when set to true.
• labelStyle: Style object for the button label text.
• label: Text to be displayed on the button.
• loading: Set to true to display the loading indicator.
• color: Custom color for the loading indicator.

Styles

Customizable styles for the button and label are defined in the styles object within the component. You can modify these styles to match your app's design.