在开发中，我们很经常有很多提示信息需要展示,这里简单讲讲Alert、和第三方弹框react-native-root-toast的基本使用
1、最常用的就是系统组件Alert (在安卓和iOS下显示的形态不同，都是系统弹框)
- 普通弹框
Alert.alert('普通弹框')
image.png
- 自定义按钮弹框
Alert.alert('自定义按钮弹框','message信息',[
{text:'One',onPress:()=>{console.log('点击了第一个弹框')}},
{text:'Two',onPress:()=>{console.log('点击了第二个弹框')}},
{text:'Three',onPress:()=>{console.log('点击了第三个弹框')}}
])
image.png
2、常用的普通弹框 react-native-root-toast
- 安装方法
npm i react-native-root-toast --save
react-native link
- 安装方法
import Toast from 'react-native-root-toast'
- 使用方法
Toast.show('Toast弹窗')
image.png
网友评论