时间戳

首页 > 解决方案 > 如何通过按文本集成警报？（在 React Native 中）

javascript - 如何通过按文本集成警报？（在 React Native 中）

问题描述

当我单击我的文本时，文本被复制到剪贴板。除此之外，我还想添加一个警报“已复制！” 向用户发出文本已被复制的信号，如何正确集成此警报？我是新手，任何帮助将不胜感激。

onPressHandler ()=>{
   Clipboard.setString('mail@mail.com')}
   {Alert.alert('Copied')
}  

<TouchableOpacity onPress={() => Clipboard.setString('mail@mail.com')} >
<View>
<Text style={{color: 'grey', fontSize: 9, fontFamily:'arial', fontStyle: 'bold', textAlign: 'center', marginTop: 3, marginLeft: 25, marginBottom: 17}}>mail@mail.com</Text>
</View>
</TouchableOpacity>

标签： javascriptfunctionreact-nativetextalert

解决方案

onPressHandler= async () => {
 await Clipboard.setString('mail@mail.com')
 Alert.alert('Copied')
}

添加onPress={() => this.onPressHandler()}到 TouchableOpacity onPress

用于运行代码检查https://gist.github.com/AurangzaibRamzan/847890f1ec4517a582f10442d7d2a582

推荐阅读