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

image

常见的Toast一些小问题

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

简单对比

image

和传统提示相比

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

Toast提示

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

image

SnackBar提示

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

image

Modal提示

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

image

解决提示遮盖问题

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

image

项目地址