一款简单易用的 Toast 组件,支持 Android&iOS
来源:互联网 发布:python 清空文件夹 编辑:程序博客网 时间:2024/06/05 16:05
react-native-easy-toast
一款简单易用的 Toast 组件,支持 Android&iOS。
目录
- 安装
- Demo
- 如何使用?
- API
- 贡献
安装
- 1.在终端运行
npm i react-native-easy-toast --save
- 2.在要使用
Toast
的js文件中添加import Toast, {DURATION} from 'react-native-toast-easy'
Demo
- Examples
如何使用?
第一步:
在你的js文件中导入 react-native-toast-easy
:
import Toast, {DURATION} from 'react-native-toast-easy'
第二步:
将下面代码插入到render()
方法中:
render() { return ( <View style={styles.container}> ... <Toast ref="toast"/> </View> ); }
注意: 请将
<Toast ref="toast"/>
放在最外层View的底部.第三步:
使用:
this.refs.toast.show('hello world!');
在需要弹出提示框时使用上面代码即可。
用例
render() { return ( <View style={styles.container}> <TouchableHighlight style={ {padding: 10}} onPress={()=>{ this.refs.toast.show('hello world!'); }}> <Text>Press me</Text> </TouchableHighlight> <Toast ref="toast"/> </View> ); }
自定义 Toast
render() { return ( <View style={styles.container}> <TouchableHighlight style={ {padding: 10}} onPress={()=>{ this.refs.toast.show('hello world!',DURATION.LENGTH_LONG); }}> <Text>Press me</Text> </TouchableHighlight> <Toast ref="toast" style={ {backgroundColor:'red'}} position='top' /> </View> ); }
更多用例:
SearchPage.js@GitHubPopular
API
贡献
欢迎大家提Issues。如果能为Issues配一个异常或报错的截图,能帮助我快速的定位问题和解决问题。
另外欢迎大家Pull requests,为项目贡献的智慧。
MIT Licensed
大家可以自由复制和转载。
最后
既然来了,留下个喜欢再走吧,鼓励我继续创作(^_^)∠※
如果喜欢我的文章,那就关注我的CSDN账号吧,让我们一起做朋友~~
戳这里,加关注哦:
微博:第一时间获取推送
个人博客:干货文章都在这里哦
GitHub:我的开源项目
4 0
- 一款简单易用的 Toast 组件,支持 Android&iOS
- 一款简单易用的 Toast 组件,支持 Android&iOS
- react-native-easy-toast, 一款简单易用的 Toast 组件,支持 Android&iOS.
- react-native-easy-toast, 一款简单易用的 Toast 组件,支持 Android&iOS.
- EasyIndictor 一款简单易用的android导航栏
- Android--Toast的简单封装
- ios 类似android的toast
- (初识android) android组件 RadioButton,CheckBox,Toast简单介绍
- 好用的ReactNative下拉刷新上拉加载的组件,支持iOS和Android
- 好用的ReactNative下拉刷新上拉加载的组件,支持iOS和Android
- 好用的ReactNative下拉刷新上拉加载的组件,支持iOS和Android
- 一款支持无限轮播、简单易用、扩展性强且超级稳定的轮播图库-Banner(BannerView)
- Star VPN一款好用的iOS Android Mac VPN
- android中Toast 的简单用法
- 关于android toast的简单使用
- Android Toast的学习与简单应用
- Android简单的Toast工具类
- 开发的第一款iOS小游戏,大家多多支持
- python中set与frozenset区别整合
- at org.apache.cxf.jaxws.EndpointImpl.doPublish(EndpointImpl.java:370) 异常
- 开放-封闭原则(The Open-Closed Principle,OCP)
- 删除数据记录与图片
- Chrome 快捷键总结
- 一款简单易用的 Toast 组件,支持 Android&iOS
- python 脚本IndexError: tuple index out of range
- Android Studio 常用快捷键大全
- ROS讲座 关于ROS2和Gazebo C++ in Open Source Robotics
- 网页搜取和部分截取,基于Heritrix
- Jquery基础(七) window.parent与window.openner区别
- 设计模式<一>-单例模式
- Struts2入门-Hello Word实例
- xcode 7.3.1 提示没有智能提示解决办法