iOS为封装MBProgressHUD
$ npm install react-native-wxtip --save
或
yarn add react-native-wxtip
$ react-native link react-native-wxtip
如果你不需要自定义loading图片,那么现在已经可以运行了
如果你需要自定义图片(Android暂不支持),请往下看
- 打开你的项目 选中你的target ➜ Build Phases ➜ Copy Bundle Resources
- 打开library,找到RNWxtip.xcodeproj ➜ WxtipBundle.bundle
- 将WxtipBundle.bundle拖动到Copy Bundle Resources中
- 勾选Copy items if needed 和 Create groups
- 如果你的项目下,出现一个WxtipBundle.bundle,完成
如果需要更改loading的图片,只需要将你项目下的
WxtipBundle.bundle/Contents/Resources/loading.png
进行替换,注意图片名和图片类型不要改变,名为loading.png
//引入WXTip
import {WXTip} from 'react-native-wxtip';
//loading展示
WXTip.showLoading();
//loading自定义图片(Android为普通loading)
WXTip.showLoadingWithImage();
//loading消失
WXTip.dismissLoading();
//弹出Toast
WXTip.showToast("hello world");