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

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

常见的Toast一些小问题

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

简单对比

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

和传统提示相比

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

Toast提示

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

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

SnackBar提示

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

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

Modal提示

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

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

解决提示遮盖问题

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

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

项目地址

    原文作者:mochixuan
    原文地址: https://segmentfault.com/a/1190000018556316
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞