React Native之提示框的简单使用

在开发中，我们很经常有很多提示信息需要展示,这里简单讲讲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