React-Native 最完美的提示组件: Toast@2.0

1 篇文章 0 订阅
1 篇文章 0 订阅

常见的Toast一些小问题

  1. 短时间内重复显示提示出现重叠重影(登陆时:登陆中…-登陆失败,时间短会出现重影)。
  2. 提示生硬,没有动画,直接进行显示。
  3. 提示样式简单,仅仅只能显示文字。
  4. 在已经弹出Modal时显示的Toast会被遮盖。(Modal优先级大于Activity,更大于Toast的层级)。
  5. 提示组件单一只有Toast,像安卓还有SnackBar,提示不能用在加载提示。

简单对比

和传统提示相比

    1. 解决了Toast提示重叠问题。
    1. 添加入场、弹性、出场动画。
    1. 提示新增文字模式和文字加图片模式。
    1. 新增安卓SnackBar提示功能。
    1. 新增Modal提示,可以实现加载提示和Modal状态下提示。
    1. 可以实现Modal下显示提示。

Toast提示

带动画的、防重叠、样式多种。

SnackBar提示

Android原生里的样式SnackBar,兼容Android和iOS

Modal提示

可以实现加载数据时,防止用户返回和触摸界面。

解决提示遮盖问题

在Modal上显示提示时,一般的Toast都会被Modal遮住。

项目地址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值