1.0.3 • Published 7 years ago

react-native-animate-loading-button-remixed v1.0.3

Weekly downloads
1
License
MIT
Repository
github
Last release
7 years ago

Install

Install the package NPM:

$ npm i react-native-animate-loading-button-remixed --save

or install the package YARN:

yarn add react-native-animate-loading-button-remixed

Usage

import React, { PureComponent } from "react";
import { View } from "react-native";
import AnimateLoadingButton from "react-native-animate-loading-button-remixed";

export default class LoadingButton extends PureComponent {
  _onPressHandler() {
    this.loadingButton.showLoading(true);

    // mock
    setTimeout(() => {
      this.loadingButton.showLoading(false);
    }, 2000);
  }

  render() {
    return (
      <View
        style={{
          flex: 1,
          backgroundColor: "rgb(255,255,255)",
          justifyContent: "center"
        }}
      >
        <AnimateLoadingButton
          ref={c => (this.loadingButton = c)}
          width={300}
          height={50}
          title="BUTTON"
          titleFontSize={16}
          titleColor="rgb(255,255,255)"
          backgroundColor="rgb(29,18,121)"
          borderRadius={4}
          onPress={this._onPressHandler.bind(this)}
        />
      </View>
    );
  }
}

Properties

NAMEDESCRIPTIONTYPEREQUIRED
widthButton widthNumberYes
heightButton heightNumberYes
titleButton titleStringNo
titleColorButton title colorStringNo
titleFontFamilyButton title font familyStringNo
titleFontSizeButton title font sizeNumberNo
backgroundColorButton background colorStringNo
borderWidthButton border widthNumberNo
borderRadiusButton border radiusNumberNo
activityIndicatorColorActivity indicator colorStringNo
onPressButton onPress callbackFunctionNo

Author

Anderson Costa

License

MIT