verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity
Rocket.Chat.ReactNative/__tests__/__snapshots__/Storyshots.test.js.snap

13955 lines
358 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Avatar avatar 1`] = `
<RCTScrollView>
<View>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 25,
"width": 25,
},
undefined,
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 25,
"width": 25,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/test?format=png&width=50&height=50",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 40,
"width": 40,
},
undefined,
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 40,
"width": 40,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/aa?format=png&width=50&height=50",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 30,
"width": 30,
},
undefined,
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 30,
"width": 30,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/bb?format=png&width=50&height=50",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"borderRadius": 2,
"height": 25,
"width": 25,
},
undefined,
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 2,
"height": 25,
"width": 25,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/test?format=png&width=50&height=50",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
</View>
</RCTScrollView>
`;
exports[`Storyshots Channel Cell Direct Messages 1`] = `
<RCTScrollView>
<View>
View
View
View
View
View
View
View
View
View
View
View
</View>
</RCTScrollView>
`;
exports[`Storyshots Message list 1`] = `
<RCTScrollView
contentContainerStyle={
Object {
"marginVertical": 30,
}
}
style={
Object {
"flex": 1,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Simple
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Long message
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
…
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Different user
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
false,
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is the third message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
false,
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is the second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is the first message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Grouped messages
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
false,
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Without header
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
Diego Mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"lineHeight": 16,
"paddingLeft": 6,
}
}
>
@
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With alias
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
}
}
>
(edited)
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Edited
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Static avatar
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
Diego Mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Full name
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text
style={
Object {
"backgroundColor": "#E8F2FF",
"color": "#0072FE",
"fontWeight": "500",
"padding": 5,
}
}
>
 
rocket.cat
 
</Text>
<Text>
</Text>
<Text
style={
Object {
"backgroundColor": "#1D74F5",
"color": "#fff",
"fontWeight": "500",
"padding": 5,
}
}
>
 
diego.mello
 
</Text>
<Text>
</Text>
<Text
style={
Object {
"backgroundColor": "#FF5B5A",
"color": "#fff",
"fontWeight": "500",
"padding": 5,
}
}
>
 
all
 
</Text>
<Text>
</Text>
<Text
style={
Object {
"backgroundColor": "#FF5B5A",
"color": "#fff",
"fontWeight": "500",
"padding": 5,
}
}
>
 
here
 
</Text>
<Text>
</Text>
<Text
style={
Object {
"backgroundColor": "#E8F2FF",
"color": "#0072FE",
"fontWeight": "500",
"padding": 5,
}
}
>
 #
general
 
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Mentions
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
👊🤙👏
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Emojis
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
<Text>
</Text>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
<Text>
</Text>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Custom Emojis
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10 November 2017
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Testing
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Time format
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Reactions
</Text>
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
"flexWrap": "wrap",
"marginTop": 10,
}
}
>
View
View
View
View
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Reactions
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Multiple Reactions
</Text>
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
"flexWrap": "wrap",
"marginTop": 10,
}
}
>
View
View
View
View
View
View
View
View
View
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Multiple reactions
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Fourth message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Third message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
First message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Intercalated users
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Fourth message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"flexDirection": "row",
"marginBottom": 25,
"marginTop": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"color": "#f5455c",
},
Object {
"marginLeft": 10,
},
]
}
>
Nov 10, 2017
</Text>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"backgroundColor": "#f5455c",
},
Object {
"marginHorizontal": 10,
},
]
}
/>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"color": "#f5455c",
},
Object {
"marginRight": 10,
},
]
}
>
unread messages
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Third message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"flexDirection": "row",
"marginBottom": 25,
"marginTop": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"backgroundColor": "#f5455c",
},
Object {
"marginLeft": 10,
},
]
}
/>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"color": "#f5455c",
},
Object {
"marginHorizontal": 10,
},
]
}
>
unread messages
</Text>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"backgroundColor": "#f5455c",
},
Object {
"marginRight": 10,
},
]
}
/>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
false,
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"flexDirection": "row",
"marginBottom": 25,
"marginTop": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"marginLeft": 10,
},
]
}
/>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"marginHorizontal": 10,
},
]
}
>
Nov 10, 2017
</Text>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"marginRight": 10,
},
]
}
/>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
First message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Date and Unread separators
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
View
<Modal
animationType="none"
hardwareAccelerated={false}
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
onRequestClose={[Function]}
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
transparent={true}
visible={false}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 1334,
"left": 0,
"opacity": 0,
"position": "absolute",
"right": 0,
"top": 0,
"width": 750,
}
}
/>
<View
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
pointerEvents="box-none"
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
"margin": 37.5,
"transform": Array [
Object {
"translateY": 0,
},
],
}
}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
>
<View
style={
Object {
"height": 1294,
"width": 710,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"marginVertical": 10,
"width": "100%",
}
}
>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 16,
"fontWeight": "600",
"textAlign": "center",
}
}
>
This is a title
</Text>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 14,
"fontWeight": "500",
"textAlign": "center",
}
}
>
This is a description
</Text>
</View>
<View
style={
Object {
"flex": 1,
}
}
>
<View
onLayout={[Function]}
style={
Object {
"flex": 1,
"overflow": "hidden",
}
}
>
<View>
<View
style={
Object {
"zIndex": 9,
}
}
>
<View
style={
Object {
"backgroundColor": "transparent",
"opacity": 0,
}
}
>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"left": 0,
"position": "absolute",
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"position": "absolute",
"right": 0,
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"transform": Array [
Object {
"translateX": 0,
},
],
"width": 0,
}
}
>
<View
onMoveShouldSetResponder={[Function]}
onMoveShouldSetResponderCapture={[Function]}
onResponderEnd={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderReject={[Function]}
onResponderRelease={[Function]}
onResponderStart={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
onStartShouldSetResponderCapture={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "transparent",
"flex": 1,
"height": 0,
"justifyContent": "center",
"overflow": "hidden",
"width": 0,
}
}
>
<View
renderToHardwareTextureAndroid={true}
style={
Object {
"transform": Array [
Object {
"scale": 1,
},
Object {
"translateX": 0,
},
Object {
"translateY": 0,
},
],
}
}
>
<View
onLayout={[Function]}
style={
Object {
"height": 0,
"width": 0,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 1334,
"width": 750,
},
]
}
>
<ActivityIndicator
animating={true}
color="#999999"
hidesWhenStopped={true}
size="small"
/>
</View>
</View>
</View>
</View>
</View>
</View>
<View
style={
Array [
Object {
"bottom": 0,
"position": "absolute",
"zIndex": 9,
},
Object {},
]
}
/>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</Modal>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
View
<Modal
animationType="none"
hardwareAccelerated={false}
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
onRequestClose={[Function]}
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
transparent={true}
visible={false}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 1334,
"left": 0,
"opacity": 0,
"position": "absolute",
"right": 0,
"top": 0,
"width": 750,
}
}
/>
<View
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
pointerEvents="box-none"
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
"margin": 37.5,
"transform": Array [
Object {
"translateY": 0,
},
],
}
}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
>
<View
style={
Object {
"height": 1294,
"width": 710,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"marginVertical": 10,
"width": "100%",
}
}
>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 16,
"fontWeight": "600",
"textAlign": "center",
}
}
>
This is a title
</Text>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 14,
"fontWeight": "500",
"textAlign": "center",
}
}
>
This is a description
</Text>
</View>
<View
style={
Object {
"flex": 1,
}
}
>
<View
onLayout={[Function]}
style={
Object {
"flex": 1,
"overflow": "hidden",
}
}
>
<View>
<View
style={
Object {
"zIndex": 9,
}
}
>
<View
style={
Object {
"backgroundColor": "transparent",
"opacity": 0,
}
}
>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"left": 0,
"position": "absolute",
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"position": "absolute",
"right": 0,
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"transform": Array [
Object {
"translateX": 0,
},
],
"width": 0,
}
}
>
<View
onMoveShouldSetResponder={[Function]}
onMoveShouldSetResponderCapture={[Function]}
onResponderEnd={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderReject={[Function]}
onResponderRelease={[Function]}
onResponderStart={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
onStartShouldSetResponderCapture={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "transparent",
"flex": 1,
"height": 0,
"justifyContent": "center",
"overflow": "hidden",
"width": 0,
}
}
>
<View
renderToHardwareTextureAndroid={true}
style={
Object {
"transform": Array [
Object {
"scale": 1,
},
Object {
"translateX": 0,
},
Object {
"translateY": 0,
},
],
}
}
>
<View
onLayout={[Function]}
style={
Object {
"height": 0,
"width": 0,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 1334,
"width": 750,
},
]
}
>
<ActivityIndicator
animating={true}
color="#999999"
hidesWhenStopped={true}
size="small"
/>
</View>
</View>
</View>
</View>
</View>
</View>
<View
style={
Array [
Object {
"bottom": 0,
"position": "absolute",
"zIndex": 9,
},
Object {},
]
}
/>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</Modal>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With image
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View>
View
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is a description
</Text>
</Text>
</Text>
</View>
</View>
<Modal
animationType="none"
hardwareAccelerated={false}
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
onRequestClose={[Function]}
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
transparent={true}
visible={false}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 1334,
"left": 0,
"opacity": 0,
"position": "absolute",
"right": 0,
"top": 0,
"width": 750,
}
}
/>
<View
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
pointerEvents="box-none"
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
style={
Object {
"backgroundColor": "#000",
"flex": 1,
"justifyContent": "center",
"margin": 0,
"transform": Array [
Object {
"translateY": 0,
},
],
}
}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
>
View
</View>
</Modal>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With video
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#f7f8fa",
"borderRadius": 4,
"flex": 1,
"flexDirection": "row",
"height": 56,
"marginBottom": 10,
}
}
>
View
View
<View
animateTransitions={true}
animationConfig={
Object {
"delay": 0,
"duration": 250,
"easing": [Function],
}
}
animationType="timing"
onLayout={[Function]}
onValueChange={[Function]}
step={0}
style={
Array [
Object {
"height": 40,
"justifyContent": "center",
},
Object {
"flex": 1,
"marginRight": 10,
},
]
}
thumbTouchSize={
Object {
"height": 40,
"width": 40,
}
}
value={0}
>
<View
onLayout={[Function]}
renderToHardwareTextureAndroid={true}
style={
Array [
Object {
"backgroundColor": "#b3b3b3",
},
Object {
"borderRadius": 2,
"height": 4,
},
undefined,
]
}
/>
<View
renderToHardwareTextureAndroid={true}
style={
Object {
"backgroundColor": "#1d74f5",
"borderRadius": 2,
"height": 4,
"opacity": 0,
"position": "absolute",
"width": 0,
}
}
/>
<View
onLayout={[Function]}
renderToHardwareTextureAndroid={true}
style={
Object {
"backgroundColor": "#1d74f5",
"borderRadius": 10,
"height": 12,
"opacity": 0,
"position": "absolute",
"transform": Array [
Object {
"translateX": 0,
},
Object {
"translateY": 0,
},
],
"width": 12,
}
}
/>
<View
onMoveShouldSetResponder={[Function]}
onMoveShouldSetResponderCapture={[Function]}
onResponderEnd={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderReject={[Function]}
onResponderRelease={[Function]}
onResponderStart={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
onStartShouldSetResponderCapture={[Function]}
renderToHardwareTextureAndroid={true}
style={
Array [
Object {
"backgroundColor": "transparent",
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
},
Object {},
]
}
/>
</View>
<Text
style={
Object {
"color": "#54585e",
"fontSize": 14,
"fontWeight": "500",
"marginRight": 16,
}
}
>
00:00
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is a description
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With audio
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
I’m fine!
</Text>
</Text>
</Text>
</View>
View
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
I’m fine!
</Text>
</Text>
</Text>
</View>
View
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Message with reply
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
View
View
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
URL
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
View
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Custom fields
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
View
View
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Two short custom fields
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Broadcasted message
</Text>
</Text>
</Text>
</View>
View
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Broadcast
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This message is inside an archived room
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Archived
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
View
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
false,
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
Object {
"marginLeft": 0,
},
Object {
"opacity": 0.3,
},
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This message has error too
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
View
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
Object {
"marginLeft": 15,
},
false,
Object {
"opacity": 0.3,
},
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This message has error
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Error
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
Object {
"opacity": 0.3,
},
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Temp message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Temp
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
Object {
"backgroundColor": "#fff5df",
},
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message being edited
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Editing
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Message removed
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Removed
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Has joined the channel
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Joined
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room name changed to: New name by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Room name changed
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Message pinned
</Text>
View
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Message pinned
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Has left the channel
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Has left the channel
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat removed by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User removed
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat added by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User added
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat muted by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User muted
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat unmuted by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User unmuted
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
rocket.cat was set admin by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Role added
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
rocket.cat is no longer admin by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Role removed
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room description changed to: new description by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed description
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room announcement changed to: new announcement by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed announcement
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room topic changed to: new topic by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed topic
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room type changed to: public by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed type
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
Array [
undefined,
Object {
"backgroundColor": "#ddd",
},
],
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Custom style
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Italic with
</Text>
<Text
style={
Object {
"fontStyle": "italic",
}
}
>
<Text>
asterisks
</Text>
</Text>
<Text>
or
</Text>
<Text
style={
Object {
"fontStyle": "italic",
}
}
>
<Text>
underscores
</Text>
</Text>
<Text>
. Bold with
</Text>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
<Text>
asterisks
</Text>
</Text>
<Text>
or
</Text>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
<Text>
underscores
</Text>
</Text>
<Text>
.
</Text>
<Text
style={
Object {
"textDecorationLine": "line-through",
}
}
>
<Text>
Strikethrough
</Text>
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown emphasis
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Array [
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
},
Object {},
Object {
"fontSize": 32,
},
]
}
>
<Text>
H1
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Array [
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
},
Object {},
Object {
"fontSize": 24,
},
]
}
>
<Text>
H2
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Array [
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
},
Object {},
Object {
"fontSize": 18,
},
]
}
>
<Text>
H3
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Array [
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
},
Object {},
Object {
"fontSize": 16,
},
]
}
>
<Text>
H4
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Array [
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
},
Object {},
Object {
"fontSize": 13,
},
]
}
>
<Text>
H5
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Array [
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
},
Object {},
Object {
"fontSize": 11,
},
]
}
>
<Text>
H6
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown headers
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Support
</Text>
<Text
onPress={[Function]}
style={
Object {
"color": "#1D74F5",
}
}
>
<Text>
Google
</Text>
</Text>
<Text>
</Text>
<Text
onPress={[Function]}
style={
Object {
"color": "#1D74F5",
}
}
>
<Text>
I\`m an inline-style link
</Text>
</Text>
<Text>
https://google.com
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown links
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Image
source={
Object {
"uri": "https://play.google.com/intl/en_us/badges/images/badge_new.png",
}
}
style={
Object {
"height": 300,
"resizeMode": "contain",
"width": 300,
}
}
/>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown image
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Inline
</Text>
<Text
style={
Object {
"backgroundColor": "#f5f5f5",
"borderColor": "#CCCCCC",
"borderRadius": 4,
"borderWidth": 1,
"padding": 2,
}
}
>
code
</Text>
<Text>
has
</Text>
<Text
style={
Object {
"backgroundColor": "#f5f5f5",
"borderColor": "#CCCCCC",
"borderRadius": 4,
"borderWidth": 1,
"padding": 2,
}
}
>
back-ticks around
</Text>
<Text>
it.
</Text>
</Text>
</Text>
<Text
style={
Object {
"backgroundColor": "#f5f5f5",
"borderColor": "#CCCCCC",
"borderRadius": 4,
"borderWidth": 1,
"padding": 10,
}
}
>
Code block
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown code
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<View
style={
Object {
"backgroundColor": "#CCCCCC",
"margin": 20,
"paddingHorizontal": 20,
"paddingVertical": 10,
}
}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Quote
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown quote
</Text>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"paddingVertical": 5,
"transform": Array [
Object {
"scaleY": -1,
},
],
"width": "100%",
},
Object {
"marginBottom": 10,
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<View
style={
Array [
Object {
"overflow": "hidden",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
false,
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<View
style={
Array [
Object {
"borderColor": "#000000",
"borderRadius": 3,
"borderWidth": 1,
},
]
}
>
<View
style={
Array [
Object {},
]
}
>
<View
style={
Array [
Object {
"borderBottomWidth": 1,
"borderColor": "#000000",
"flexDirection": "row",
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
First Header
</Text>
</Text>
</View>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second Header
</Text>
</Text>
</View>
</View>
</View>
<View>
<View
style={
Array [
Object {
"borderBottomWidth": 1,
"borderColor": "#000000",
"flexDirection": "row",
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content from cell 1
</Text>
</Text>
</View>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content from cell 2
</Text>
</Text>
</View>
</View>
<View
style={
Array [
Object {
"borderBottomWidth": 1,
"borderColor": "#000000",
"flexDirection": "row",
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content in the first column
</Text>
</Text>
</View>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content in the second column
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown table
</Text>
</View>
</RCTScrollView>
`;
Reference in New Issue View Git Blame Copy Permalink