react-native-hud-hybrid

react-native-hud-hybrid

A progerss hud that can be used for react-native, while available for native android, ios

Installation

yarn add react-native-hud-hybrid

Usage

详情请参考 example 这个项目

// 在 js 中使用

import HUD, { LoadingHUD } from 'react-native-hud-hybrid'

text() {
    HUD.text('Hello World!!')
}

info() {
    HUD.info('有条消息要告诉你')
}

done() {
    HUD.done('任务已经完成啦！')
}

error() {
    HUD.error('可能什么地方出错了！')
}

正如 hybrid 所暗示的那样，也支持在原生中使用

// 在 iOS 中使用

- (IBAction)showText:(UIButton *)sender {
    [Hud text:@"Hello Native!"];
}

- (IBAction)showInfo:(UIButton *)sender {
    [Hud info:@"一条好消息，一条坏消息，你要先听哪一条？"];
}

- (IBAction)showDone:(UIButton *)sender {
    [Hud done:@"工作完成，提前下班"];
}

- (IBAction)showError:(UIButton *)sender {
    [Hud error:@"哈，你又写 BUG 了！"];
}

// 在 Android 中使用

root.findViewById(R.id.text).setOnClickListener(v -> {
    Hud.text(requireActivity(), "Hello Native!");
});

root.findViewById(R.id.info).setOnClickListener(v -> {
    Hud.info(requireActivity(), "一条好消息，一条坏消息，你要先听哪一条？");
});

root.findViewById(R.id.done).setOnClickListener(v -> {
    Hud.done(requireActivity(), "工作完成，提前下班");
});

root.findViewById(R.id.error).setOnClickListener(v -> {
    Hud.error(requireActivity(), "哈，你又写 BUG 了！");
});

强调一次，详情请参考 example 这个项目