react-native-loading-button-with-animation

Install

npm install react-native-loading-button-with-animation --save

Example

import LoadingButton from "react-native-loading-button-with-animation";

export default class example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isLoading: false
    };
  }

  onPressHandler() {
    this.setState({ isLoading: true });
    setTimeout(() => {
      this.setState({ isLoading: false });
    }, 1000);
  }

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>Welcome to React Native!</Text>
        <LoadingButton
          disabled={!!this.state.isLoading}
          onPress={this.onPressHandler.bind(this)}
          isLoading={this.state.isLoading}
        />
      </View>
    );
  }
}

Props

| Name | Detail & Type | Default | | ---------------------- | -------------------------------------------- | ------------------- | | onPress | Button On press callback (function) | alert('press') | | isLoading | Start or stop animation boolean | false | | activityIndicatorColor | Activity Indicator Color (string) | '#FFF' | | activityIndicatorSize | Activity Indicator Size (string) | 'small' | | viewStyle | Main View style (object) | 'small' | | animationDelay | How manny time will tack to animate (number) | 200 | | whenAnimationViewWidth | Main view size when animated | 40 | | enableWidthAnimation | Change width when animation | true | | childView | Inner child Component | Text Component (OK) | | disabled | Disables TouchableOpacity while loading | true |