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

5,337 阅读1分钟

更新: 实现在Modal上显示Toast

常见的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遮住。

项目地址