1const messages = [
2              'hello',
3              'this is supposed to be a bit of a long line.',
4              'bye'
5              ];
6return (
7  <View style={{
8            position: 'absolute',
9            top: 0,
10            left: 0,
11            width: 150,
12            alignItems: 'flex-end',
13            justifyContent: 'flex-start',
14            backgroundColor: '#fff',
15            }}>
16
17{messages.map( (message, index) => (
18  <View key={index} style={{
19                  flexDirection: 'row',
20                  marginTop: 10
21                }}>
22    <View style={{
23                  flex: -1,
24                  marginLeft: 5,
25                  marginRight: 5,
26                  backgroundColor: '#CCC',
27                  borderRadius: 10,
28                  padding: 5,
29                }}>
30      <Text style={{
31                    fontSize: 12,
32                    }}>
33        {message}
34      </Text>
35    </View>
36    <Image source={require('some_path')} style={{width:30,height:30}} />
37   </View> 
38  ))} 
39 </View>
40)