diff --git a/App.js b/App.js index 09f879b..b64a975 100644 --- a/App.js +++ b/App.js @@ -1,19 +1,87 @@ import { StatusBar } from 'expo-status-bar'; -import { StyleSheet, Text, View } from 'react-native'; +import { useState, useRef } from 'react'; +import { StyleSheet, Text, View, Button } from 'react-native'; +import Modal from "react-native-modal"; export default function App() { + const [modalVisible, setModalVisible] = useState(false); + return ( - - Open up App.js to start working on your app! - - + <> + {/* SWIPEABLE MODAL START */} + {modalVisible && + setModalVisible(false)} + swipeDirection={["down"]} + scrollOffsetMax={1500 - 600} // content height - ScrollView height + propagateSwipe={true} + style={{ ...styles2.modal, position: "relative" }} + > + + + + + ABCDEFGH +