Notice.js
2.15 KB
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
import { useState } from 'react';
import {post} from 'axios'
import {Dimensions, View,Text,Image,StyleSheet,TouchableOpacity,TouchableHighlight,Alert} from 'react-native'
import * as React from 'react'
import Star from '../assets/star.svg'
import Modal from 'react-native-modal'
import moment from 'moment'
import X from '../assets/X.svg'
export default ({ item,navigation,backgroundColor}) => {
const [isModalVisible,setIsModalVisigle] = React.useState(false)
return (
<TouchableOpacity onPress={() => setIsModalVisigle(true)} style={{backgroundColor,paddingLeft:16,paddingRight:16}}>
<View style={{paddingTop:16,paddingBottom:16,borderBottomColor:"#BDBCBC",borderBottomWidth:1}}>
<Text style={{color:"black",fontSize:12}}>
{`${item.title}`}
</Text>
<Text style={{fontSize:9,color:"#615F5F",marginTop:8}}>
{`${moment(item.updatedAt).format("YYYY.M.DD")}`}
</Text>
</View>
<Modal isVisible={isModalVisible} onBackButtonPress={() => setIsModalVisigle(false)} onBackdropPress={() => setIsModalVisigle(false)}>
<View style={{width:"100%",paddingTop:16,paddingBottom:16,paddingLeft:16,paddingRight:16,backgroundColor:"white"}}>
<X style={{marginLeft:"auto"}}/>
<View style={{flexDirection:"row"}}>
<Text style={{fontSize:16,fontWeight:"bold"}}>
{`${item.title}`}
</Text>
<Text style={{fontSize:12,marginTop:16,fontWeight:"300",marginLeft:"auto",textAlign:"right"}}>
{`${moment(item.updatedAt).format("YYYY.M.DD")}`}
</Text>
</View>
<View>
<Text style={{marginTop:5}}>
{`${item.content}`}
</Text>
</View>
</View>
</Modal>
</TouchableOpacity>
)
}
const style = StyleSheet.create({
text:{
color:"#707070",
fontSize:11,
fontWeight:"900"
}
})