import Toast from 'react-native-root-toast';
Toast.show('保存成功', {
duration: 2000, // toast显示时长
position: 0, // toast位置
shadow: true, // toast是否出现阴影
animation: true, // toast显示/隐藏的时候是否需要使用动画过渡
hideOnPress: true, // 是否可以通过点击事件对toast进行隐藏
backgroundColor: '#999999',
textColor: '#FFFFFF',
delay: 0, // toast显示的延时
onShow: () => {
// toast出现回调(动画开始时)
},
onShown: () => {
// toast出现回调(动画结束时)
},
onHide: () => {
// toast隐藏回调(动画开始时)
},
onHidden: () => {
// toast隐藏回调(动画结束时)
}
});
React Native Toast
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 今天我带来了Quark浏览器的toast 设置: position => 位置ToastPosition.top...
- 在移动端开发经常需要给用户一个友好的提示,其中一个重要的方式就是toast。文中将实现一个基于react nati...
- react-native-root-toast -- 浮动提示(类似SVProgressHUD)安装npm ins...