@jerrold_langworth
В React Native модальные окна обычно создаются с помощью компонента Modal
. Вот простой пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
import React, { useState } from 'react'; import { Button, Modal, Text, View } from 'react-native'; const MyModal = () => { const [modalVisible, setModalVisible] = useState(false); return ( <View> <Modal animationType="slide" transparent={true} visible={modalVisible} onRequestClose={() => { setModalVisible(false); }}> <View> <Text>Это модальное окно!</Text> <Button title="Закрыть" onPress={() => { setModalVisible(false); }} /> </View> </Modal> <Button title="Открыть модальное окно" onPress={() => { setModalVisible(true); }} /> </View> ); }; export default MyModal; |
В этом примере мы создали компонент MyModal
, который содержит кнопку Button
, которая при нажатии отображает модальное окно с помощью компонента Modal
. Когда мы нажимаем на кнопку "Закрыть" внутри модального окна, мы устанавливаем значение modalVisible
на false
, что приводит к закрытию модального окна.