🔥 React-Native 最完美的提示组件: Toast@2
2019-08-29 本文已影响0人
mochixuan
image
常见的Toast一些小问题
- 短时间内重复显示提示出现重叠重影(登陆时:登陆中...-登陆失败,时间短会出现重影)。
- 提示生硬，没有动画，直接进行显示。
- 提示样式简单，仅仅只能显示文字。
- 在已经弹出Modal时显示的Toast会被遮盖。(Modal优先级大于Activity,更大于Toast的层级)。
- 提示组件单一只有Toast，像安卓还有SnackBar，提示不能用在加载提示。
简单对比
image
和传统提示相比
- 解决了Toast提示重叠问题。
- 添加入场、弹性、出场动画。
- 提示新增文字模式和文字加图片模式。
- 新增安卓SnackBar提示功能。
- 新增Modal提示，可以实现加载提示和Modal状态下提示。
- 可以实现Modal下显示提示。
Toast提示
带动画的、防重叠、样式多种。
image
SnackBar提示
Android原生里的样式SnackBar，兼容Android和iOS
image
Modal提示
可以实现加载数据时，防止用户返回和触摸界面。
image
解决提示遮盖问题
在Modal上显示提示时，一般的Toast都会被Modal遮住。
image
