react-native-lyhud v1.0.8

react-native-lyhud

A react native module to show hud, it works on iOS and Android.

This is base on react-native-easy-toast

Installation

• 1.Run npm i react-native-lyhud --save
• 2.import Hud from 'react-native-lyhud'

GIF

Getting started

Add react-native-lyhud to your js file.

import Hud from 'react-native-lyhud'

Inside your component's render method, use hud:

 render() {
         return (
             <View style={styles.container}>
                 ...
                 <Hud ref="hud"/>
             </View>
         );
 }

Note: Add it in the bottom of the root view.

Then you can use it like this:

 this.refs.hud.show('hello world!');

Basic usage

render() {
        return (
            <View style={styles.container}>
                <TouchableHighlight
                    style={{padding: 10}}
                    onPress={()=>{
                        this.refs.hud.show('hello world!');
                    }}>
                    <Text>Press me</Text>
                </TouchableHighlight>
                <Hud ref="hud"/>
            </View>
        );
    }

API