react-native-animate-loading-button

KO | EN

gitlite — search

#javascript #python #react #typescript #golang #go #machine-learning #windows #kubernetes #pytorch #security #mcp #ios #openai

react-native-animate-loading-button

(★ 55)

Animated load button for React Native

react-native-animate-loading-button 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Install

Install the package NPM:

```bash
$ npm i react-native-animate-loading-button --save
```

or install the package YARN:

```bash
yarn add react-native-animate-loading-button
```

## Example

## Demo

[Try it with expo](https://snack.expo.io/@andcosta/react-native-animate-loading-button-v.1.0.0)

## Usage

```javascript
import React, { PureComponent } from 'react';
import { View } from 'react-native';
import AnimateLoadingButton from 'react-native-animate-loading-button';

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}
          titleWeight={'100'}
          titleColor="rgb(255,255,255)"
          backgroundColor="rgb(29,18,121)"
          borderRadius={4}
          onPress={this._onPressHandler.bind(this)}
        />
      </View>
    );
  }
}
```

## Properties

| NAME                   | DESCRIPTION              |     TYPE | REQUIRED |
| :--------------------- | :----------------------- | -------: | :------- |
| width                  | Button width             |   Number | Yes      |
| height                 | Button height            |   Number | Yes      |
| title                  | Button title             |   String | No       |
| titleColor             | Button title color       |   String | No       |
| titleFontFamily        | Button title font family |   String | No       |
| titleFontSize          | Button title font size   |   Number | No       |
| titleWeight            | Button title font weight |   String | No       |
| backgroundColor        | Button background color  |   String | No       |
| borderWidth            | Button border width      |   Number | No       |
| borderRadius           | Button border radius     |   Number | No       |
| activityIndicatorColor | Activity indicator color |   String | No       |
| onPress                | Button onPress callback  | Function | Yes      |
| customStyles           | styles to customize the button | Object   | No       |

## Author

[Anderson Costa](http://linkedin.com/in/andcosta)

## Contributors
[Leonardo Nascimento](https://github.com/leonascimento),
[Jimin Son](https://github.com/0xBono)

## License

MIT

react-native-animate-loading-button

react-native-animate-loading-button 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-native-animate-loading-button

react-native-animate-loading-button 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README