前言
Alert.alert() 方法 在react native中可以作为对用户的警告,提示,或是作为有多个选择的弹窗。官方文档
一、Alert.alert实例
Alert.alert(
//title
'发布动态',
//message
'请选择',
[{
text: '拍照',
onPress: openCamera,
},
{
text: '打开图库',
onPress: libraruImage
},
{
text: '取消',
onPress: () => console.log('cancel')
},
], { cancelable: true }
)
}
二、参数说明
四个参数,第一个必选,其他三个可选。
1.标题,字符串类型,返回字体加粗
2.正文,字符串类型,返回小字
3.按钮,AlertButton数组类型,数组中对象作为元素,一个对象对应一个按钮
4,option, AlertOptions对象类型,其他配置
AlertButton参数说明:
常用的前两个,所以这个一般就是
[{text:'按钮名称',onpRess:Yourfunction}]
AlertOption参数说明
很少用,除非ios有特殊样式需求,或者android需要点击其他地方直接忽略弹窗。
三.其他实例:
警告弹窗
Alert.alert(
//title
'警告',
//message
'xxxxxxxx',
[{
text: '确定',
onPress: YourFunction,
},
{
text: '取消',
onPress: () => console.log('cancel')
},
], { cancelable: true }
)
}