rne

react-native-easy-hud

A hud for react-native, easy to use.

Showing:

Popularity

Downloads/wk

7

GitHub Stars

3

Maintenance

Last Commit

5yrs ago

Contributors

2

Package

Dependencies

0

License

UNLICENSED

Type Definitions

Tree-Shakeable

No?

Categories

Readme

react-native-hud

A hud for react-native, easy to use.Required react-native version >= 0.42.0

1.Installation

cd yourProjectPath

npm i react-native-easy-hud --save

2.How to use

  • Import import HudView from 'react-native-easy-hud';

Add the Component to your root Component in method render, like this

1.initialization
_hud: HudView;
  render() {
    return (
      <View style={{flex: 1}}>
        //...other View Component
        <HudView
          ref={(hud) => {this._hud = hud}}
          delay={1.5}
        />
      </View>
    );
  }
 
 2.show
 this._hud.show();
 
 3.hide
 this._hud.hide();
 
 4.showMessage
 this._hud.showMessage('message');

3.Props

  • hudType- Hud's type.Default is 'indicator'.
  • message- Hud's message for type 'text'、'combine'.Default is 'Loading'.
  • msgColor- Message's color. Default is 'white'.
  • msgFontSize- Message's fontSize. Default is 15.
  • msgAlign- Message's textAlign. Default is 'center'.
  • delay- If set, hud will hide automatically after delay. Unit is second. Default is 0, that mean hud can't hide automatically.
  • direction- Direction for hudType-[combine]. Default is 'row'.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial