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

image

常见的Toast一些小问题

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

简单对比

image

和传统提示相比

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

Toast提示

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

image

SnackBar提示

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

image

Modal提示

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

image

解决提示遮盖问题

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

image

项目地址

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容