1.0.1 • Published 6 years ago

react-native-mxh-toast v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

react-native-mxh-toast

一款简单易用的 Toast 组件,支持 Android&iOS。

目录

安装

    1. npm i react-native-mxu-toast --save
  • 2.import Toast from 'react-native-mxh-toast'

如何使用?

第一步:

在你的js文件中导入 react-native-mxh-toast

import Toast from 'react-native-easy-toast'

第二步:

将下面代码插入到render()方法中:

render() {
return (
<View style={styles.container}>
...
<Toast ref="toast" text="hellow world"/>
</View>
);
}

第三步:

使用:

this.refs.toast.show('hello world!',3000);

在需要弹出提示框时使用上面代码即可。

API

属性类型可选默认值描述
textView.propTypes.stringtrueloading自定义Toast的文本内容
styleView.propTypes.styletrue自定义Toast的文本容器样式
textStyleView.propTypes.styletrue自定义Toast的文本样式
visibleView.propTypes.stylefalsefalse是否显示弹窗
closeDelayView.propTypes.numbertrue延迟时长(单位毫秒)
方法类型可选描述
show(text, duration)functionfalse弹出提示框,单位是毫秒
close()functiontrue手动关闭提示框

贡献

第一次写,欢迎路过的朋友提供意见。 意见问题可发送到邮箱17186765121@163.com。


MIT Licensed
大家可以自由复制和转载。