(相關資料圖)
本教程操作環境:Windows10系統、react18.0.0版、Dell G3電腦。
react-natie 刪除提示怎么實現?
react native 彈框和刪除確認框
import React from "react";import { Alert,Button,View,Text,TouchableOpacity,StyleSheet} from "react-native";export default class App extends React.Component{ showAlert=()=>{ Alert.alert("點擊了彈出框") }; showConfirm=()=>{ Alert.alert("警告","確認刪除",[ {text:"確認",onPress:() => Alert.alert("點擊了確認") }, {text:"取消",style:"cancel"} ],{cancelable:false}); }; render(){ return ( <View style={styles.container}> <View style={styles.buttonView}><Button onPress={this.showAlert} title={"點擊顯示alert"} /></View> <View style={styles.buttonView}><Button onPress={this.showConfirm} title={"點擊顯示確認框"} /></View> </View> ) }}const styles=StyleSheet.create({ container:{ marginTop:20, marginHorizontal:10 }, buttonView:{ margin: 10, height: 40 }});
推薦學習:《react視頻教程》
以上就是react-natie 刪除提示怎么實現的詳細內容,更多請關注php中文網其它相關文章!
關鍵詞: react-natie