import { AntDesign } from "@expo/vector-icons";
import {
StyleSheet,
View,
Modal as RNModal,
TouchableOpacity,
} from "react-native";
import React from "react";
export default function Modal({ visible, onDismiss, children }) {
return (
<RNModal visible={visible} onDismiss={onDismiss} animationType="slide">
<View
style={{
flex: 1,
paddingHorizontal: 20,
backgroundColor: "#F5F5F5",
paddingTop: 45,
}}
>
<View style={{ flexDirection: "row", justifyContent: "flex-end" }}>
<TouchableOpacity onPress={onDismiss}>
<AntDesign name="close" size={24} color="red" />
</TouchableOpacity>
</View>
{children}
</View>
</RNModal>
);
}
const styles = StyleSheet.create({
option: {
padding: 10,
borderBottomWidth: 1,
borderBottomColor: "#ccc",
},
});
import {
StyleSheet,
View,
Modal as RNModal,
TouchableOpacity,
} from "react-native";
import React from "react";
export default function Modal({ visible, onDismiss, children }) {
return (
<RNModal visible={visible} onDismiss={onDismiss} animationType="slide">
<View
style={{
flex: 1,
paddingHorizontal: 20,
backgroundColor: "#F5F5F5",
paddingTop: 45,
}}
>
<View style={{ flexDirection: "row", justifyContent: "flex-end" }}>
<TouchableOpacity onPress={onDismiss}>
<AntDesign name="close" size={24} color="red" />
</TouchableOpacity>
</View>
{children}
</View>
</RNModal>
);
}
const styles = StyleSheet.create({
option: {
padding: 10,
borderBottomWidth: 1,
borderBottomColor: "#ccc",
},
});