React-Natie 삭제 프롬프트 구현 방법

藏色散人
풀어 주다: 2022-12-28 14:10:45
원래의
2173명이 탐색했습니다.

react-natie 삭제 프롬프트를 구현하는 방법: 1. "import React from 'react';"를 통해 반응을 소개합니다. 2. "showConfirm=()=>{Alert.alert('','just', [ {text:'',onPress:() => Alert.alert("") },{text:'',style:'cancel'}],{...}" 메소드를 사용하여

React-Natie 삭제 프롬프트 구현 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, React 버전 18.0.0, Dell G3 컴퓨터

react-natie

react 기본 팝업을 구현하는 방법은 무엇입니까? up 상자 및 삭제 확인 상자

React-Natie 삭제 프롬프트 구현 방법

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿