-
Notifications
You must be signed in to change notification settings - Fork 1
/
basicmodal.tsx
56 lines (43 loc) · 1.54 KB
/
basicmodal.tsx
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import React, { useState } from "react";
import { Modal, View,StyleSheet, Button } from "react-native";
import BasicButton from "./basicbutton";
import GetColor, { borderRadius, Color, margin, paddingRadius } from "./styleconfig";
import FlexSpacer from "./flex-spacer";
import PixelSpacer from "./pixel-spacer";
export default function BasicModal(props){
let child = props.child
const openTitle = props?.openTitle ?? "null open title"
const [show, setShow] = useState(false);
const styles = StyleSheet.create({
modalView: {
flexDirection:"column",
flex:1,
alignContent:"center", justifyContent:"center",alignItems:"center",
shadowColor: "#000",
shadowOffset: {
width: 0,
height: 0
}
}
});
return(
<View>
<View style={{alignItems:"center", justifyContent:"center"}}>
{/* Main Modal */}
<Modal
animationType="slide"
transparent={true}
visible={show}
onRequestClose={() => {setShow(!show)}}>
<View style={ styles.modalView}>
<View style={{ margin:margin(),padding:paddingRadius(), borderRadius:borderRadius(), backgroundColor:GetColor(Color.ModalBackground), borderWidth:5}}>
{child}
<BasicButton title={"close"} onPress={()=>{setShow(!show)}}/>
</View>
</View>
</Modal>
{/* Main Modal */}
</View>
<BasicButton title={openTitle} onPress={()=>{setShow(true)}}/>
</View>)
}