Skip to main content

Modal

使用Modal​

import React, {useState} from 'react';
import {Text, StyleSheet, View, Button, Modal} from 'react-native';

const HomeScreen = function(){
  const [modalVisible, setModalVisible] = useState(false);
  return(
  <>
    <View>
      <Button title="Press me" onPress={() => setModalVisible(true)} />
    </View>
    <Modal visible={modalVisible} animationType="slide">
      <View>
        <Button title="Close" onPress={()=> setModalVisible(false)}></Button>
      </View>
    </Modal>
  </>
  );
}

const styles = StyleSheet.create({});

export default HomeScreen;