[react-native-mxh-toast]

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

目录

• 安装
• 如何使用？
• API
• 贡献

安装

• 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

属性 | 类型 | 可选 | 默认值 | 描述 ----------------- | -------- | -------- | ----------- | ----------- text | View.propTypes.string | true | loading | 自定义Toast的文本内容 style | View.propTypes.style | true | | 自定义Toast的文本容器样式 textStyle | View.propTypes.style | true | | 自定义Toast的文本样式 visible | View.propTypes.style | false | false | 是否显示弹窗 closeDelay | View.propTypes.number | true | | 延迟时长(单位毫秒)

方法 | 类型 | 可选 | 描述 ----------------- | -------- | -------- | ----------- show(text, duration) | function | false | 弹出提示框,单位是毫秒 close() | function | true | 手动关闭提示框

贡献

第一次写，欢迎路过的朋友提供意见。 意见问题可发送到邮箱[email protected]。

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