Message.js
4.03 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
import { useState } from 'react';
import {post} from 'axios'
import {Dimensions, View,Text,Image,StyleSheet,TouchableOpacity,Modal,TouchableHighlight,Alert} from 'react-native'
import * as React from 'react'
import moment from 'moment'
import Star from '../assets/star.svg'
import Options from '../assets/Options.svg'
export default ({ item,navigation}) => {
return (
<View>
<View style={{backgroundColor:"transparent",marginBottom:16}}>
<View style={{flexDirection:"row"}}>
<Image style={{width:45,height:45}} source={require('../assets/img.png')}/>
<View style={{marginLeft:4}}>
<Text style={{color:"#615F5F",fontSize:12,marginTop:-2}}>
네네치킨 송도신도시점
</Text>
<View style={{marginLeft:5.4,marginTop:5}}>
<View style={{position:"absolute",backgroundColor:"#FFD63A",width:0,height:0,
backgroundColor:"transparent",borderStyle:"solid",borderLeftWidth:0,
borderRightWidth:35,borderBottomWidth:30,borderLeftColor:"transparent",
borderRightColor:"transparent",borderTopColor:"transparent",borderBottomColor:"#FFD63A",
zIndex:-1,transform: [
{rotate: '-10deg'}
],top:0
}}>
</View>
<View style={{maxWidth:Dimensions.get("screen").width/2,backgroundColor:"#FFD63A",paddingLeft:24.6, paddingRight:16,paddingTop:14,paddingBottom:14,borderRadius:35}}>
<Text style={{color:"#615F5F",fontSize:12}}>
{`안녕하세요.\n네네치킨 송도신도시점입니다 adasdasd.`}
</Text>
</View>
</View>
</View>
<View>
<View style={{position:"absolute",bottom:0}}>
<Text style={{fontSize:9,color:"#979292"}}>
오후 13:00
</Text>
</View>
</View>
</View>
</View>
<View style={{backgroundColor:"transparent",marginLeft:"auto",marginRight:10,marginBottom:16}}>
<View style={{flexDirection:"row"}}>
<View>
<View style={{position:"absolute",bottom:0,right:0}}>
<Text style={{fontSize:9,color:"#979292"}}>
오후 13:00
</Text>
</View>
</View>
<View style={{marginLeft:4}}>
<View style={{marginLeft:5.4,marginTop:5}}>
<View style={{maxWidth:Dimensions.get("screen").width/2,backgroundColor:"white",paddingLeft:24.6, paddingRight:16,paddingTop:14,paddingBottom:14,borderRadius:35}}>
<Text style={{color:"#615F5F",fontSize:12}}>
{`양념치킨, 후라이드치킨 2마리 배달 되나요?`}
</Text>
</View>
</View>
<View style={{position:"absolute",right:-15,backgroundColor:"white",width:0,height:0,
backgroundColor:"transparent",borderStyle:"solid",borderLeftWidth:0,
borderRightWidth:35,borderBottomWidth:30,borderLeftColor:"transparent",
borderRightColor:"transparent",borderTopColor:"transparent",borderBottomColor:"white",
zIndex:-1,transform: [
{rotate: '80deg'}
],top:18
}}>
</View>
</View>
</View>
</View>
</View>
)
}
const style = StyleSheet.create({
text:{
color:"#707070",
fontSize:11,
fontWeight:"900"
}
})