21703 lines
617 KiB
Plaintext
21703 lines
617 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`Storyshots Message list 1`] = `
|
||
<RCTScrollView
|
||
contentContainerStyle={
|
||
Object {
|
||
"marginVertical": 30,
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"flex": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Simple
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Long message
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Grouped messages
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
…
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Different user
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is the third message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is the second message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is the first message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Without header
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
With alias
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
Diego Mello
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
@
|
||
diego.mello
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
Diego Mello
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
@
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Edited
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Static avatar
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Full name
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
Diego Mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Mentions
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#E8F2FF",
|
||
"color": "#0072FE",
|
||
"fontFamily": "System",
|
||
"fontWeight": "500",
|
||
"padding": 5,
|
||
}
|
||
}
|
||
>
|
||
|
||
rocket.cat
|
||
|
||
</Text>
|
||
<Text>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#1d74f5",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontWeight": "500",
|
||
"padding": 5,
|
||
}
|
||
}
|
||
>
|
||
|
||
diego.mello
|
||
|
||
</Text>
|
||
<Text>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#FF5B5A",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontWeight": "500",
|
||
"padding": 5,
|
||
}
|
||
}
|
||
>
|
||
|
||
all
|
||
|
||
</Text>
|
||
<Text>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#FF5B5A",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontWeight": "500",
|
||
"padding": 5,
|
||
}
|
||
}
|
||
>
|
||
|
||
here
|
||
|
||
</Text>
|
||
<Text>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#E8F2FF",
|
||
"color": "#0072FE",
|
||
"fontFamily": "System",
|
||
"fontWeight": "500",
|
||
"padding": 5,
|
||
}
|
||
}
|
||
>
|
||
#
|
||
general
|
||
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Emojis
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
👊🤙👏
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Custom Emojis
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Time format
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10 November 2017
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Testing
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Reactions
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Reactions
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:joy:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"fontSize": 13,
|
||
"marginLeft": 7,
|
||
}
|
||
}
|
||
>
|
||
😂
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
3
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:marioparty:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 19,
|
||
"marginLeft": 7,
|
||
"width": 19,
|
||
}
|
||
}
|
||
/>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
13
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:thinking:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"fontSize": 13,
|
||
"marginLeft": 7,
|
||
}
|
||
}
|
||
>
|
||
🤔
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-add-reaction"
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 21,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Multiple reactions
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Multiple Reactions
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:marioparty:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 19,
|
||
"marginLeft": 7,
|
||
"width": 19,
|
||
}
|
||
}
|
||
/>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:react_rocket:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 19,
|
||
"marginLeft": 7,
|
||
"width": 19,
|
||
}
|
||
}
|
||
/>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:nyan_rocket:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 19,
|
||
"marginLeft": 7,
|
||
"width": 19,
|
||
}
|
||
}
|
||
/>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:heart:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"fontSize": 13,
|
||
"marginLeft": 7,
|
||
}
|
||
}
|
||
>
|
||
❤️
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:dog:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"fontSize": 13,
|
||
"marginLeft": 7,
|
||
}
|
||
}
|
||
>
|
||
🐶
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:grinning:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"fontSize": 13,
|
||
"marginLeft": 7,
|
||
}
|
||
}
|
||
>
|
||
😀
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:grimacing:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"fontSize": 13,
|
||
"marginLeft": 7,
|
||
}
|
||
}
|
||
>
|
||
😬
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-reaction-:grin:"
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"fontSize": 13,
|
||
"marginLeft": 7,
|
||
}
|
||
}
|
||
>
|
||
😁
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
"marginLeft": 3,
|
||
"marginRight": 8.5,
|
||
}
|
||
}
|
||
>
|
||
1
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 2,
|
||
"marginBottom": 6,
|
||
"marginRight": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
testID="message-add-reaction"
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 2,
|
||
"borderWidth": 1,
|
||
"flexDirection": "row",
|
||
"height": 28,
|
||
"justifyContent": "center",
|
||
"minWidth": 46.3,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 21,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Intercalated users
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Fourth message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Third message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Second message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
First message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Date and Unread separators
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Fourth message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 4,
|
||
"marginHorizontal": 14,
|
||
"marginTop": 16,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
},
|
||
Object {
|
||
"color": "#f5455c",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
unread
|
||
</Text>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "#9ca2a8",
|
||
"flex": 1,
|
||
"height": 1,
|
||
},
|
||
Object {
|
||
"backgroundColor": "#f5455c",
|
||
},
|
||
Object {
|
||
"marginHorizontal": 14,
|
||
},
|
||
]
|
||
}
|
||
/>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
},
|
||
Object {
|
||
"color": "#f5455c",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Nov 10, 2017
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Third message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 4,
|
||
"marginHorizontal": 14,
|
||
"marginTop": 16,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
},
|
||
Object {
|
||
"color": "#f5455c",
|
||
},
|
||
Object {
|
||
"marginRight": 14,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
unread
|
||
</Text>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "#9ca2a8",
|
||
"flex": 1,
|
||
"height": 1,
|
||
},
|
||
Object {
|
||
"backgroundColor": "#f5455c",
|
||
},
|
||
]
|
||
}
|
||
/>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Second message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Second message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 4,
|
||
"marginHorizontal": 14,
|
||
"marginTop": 16,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#9ca2a8",
|
||
"flex": 1,
|
||
"height": 1,
|
||
}
|
||
}
|
||
/>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
},
|
||
Object {
|
||
"marginLeft": 14,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Nov 10, 2017
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
First message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
With image
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 4,
|
||
"flexDirection": "column",
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"maxWidth": 400,
|
||
"minHeight": 200,
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<FastImageView
|
||
resizeMode="cover"
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/file-upload/2ZrxuwcGeTrsoh376/Clipboard%252520-%252520September%2525205,%2525202018%2525204:10%252520PM?rc_uid=y8bd77ptZswPj3EW8&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"bottom": 0,
|
||
"left": 0,
|
||
"position": "absolute",
|
||
"right": 0,
|
||
"top": 0,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is a description
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"borderRadius": 4,
|
||
"flexDirection": "column",
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"maxWidth": 400,
|
||
"minHeight": 200,
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<FastImageView
|
||
resizeMode="cover"
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/file-upload/sxLXBzjwuqxMnebyP/Clipboard%252520-%25252029%252520de%252520Agosto%252520de%2525202018%252520%2525C3%2525A0s%25252018:10?rc_uid=y8bd77ptZswPj3EW8&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"bottom": 0,
|
||
"left": 0,
|
||
"position": "absolute",
|
||
"right": 0,
|
||
"top": 0,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is a description
|
||
</Text>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
With video
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1f2329",
|
||
"borderRadius": 4,
|
||
"flex": 1,
|
||
"height": 150,
|
||
"justifyContent": "center",
|
||
"marginBottom": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 54,
|
||
},
|
||
Object {
|
||
"color": "white",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is a description
|
||
</Text>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1f2329",
|
||
"borderRadius": 4,
|
||
"flex": 1,
|
||
"height": 150,
|
||
"justifyContent": "center",
|
||
"marginBottom": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 54,
|
||
},
|
||
Object {
|
||
"color": "white",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
With audio
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"height": 56,
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
View
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 12,
|
||
"left": 12,
|
||
"right": 12,
|
||
"top": 12,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "transparent",
|
||
"marginHorizontal": 10,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 36,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</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,
|
||
},
|
||
]
|
||
}
|
||
thumbTouchSize={
|
||
Object {
|
||
"height": 40,
|
||
"width": 40,
|
||
}
|
||
}
|
||
value={0}
|
||
>
|
||
<View
|
||
onLayout={[Function]}
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "#b3b3b3",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 4,
|
||
},
|
||
Object {
|
||
"height": 2,
|
||
},
|
||
]
|
||
}
|
||
/>
|
||
<View
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"height": 2,
|
||
"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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
"marginHorizontal": 12,
|
||
}
|
||
}
|
||
>
|
||
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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is a description
|
||
</Text>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
First message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"height": 56,
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
View
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 12,
|
||
"left": 12,
|
||
"right": 12,
|
||
"top": 12,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "transparent",
|
||
"marginHorizontal": 10,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 36,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</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,
|
||
},
|
||
]
|
||
}
|
||
thumbTouchSize={
|
||
Object {
|
||
"height": 40,
|
||
"width": 40,
|
||
}
|
||
}
|
||
value={0}
|
||
>
|
||
<View
|
||
onLayout={[Function]}
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "#b3b3b3",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 4,
|
||
},
|
||
Object {
|
||
"height": 2,
|
||
},
|
||
]
|
||
}
|
||
/>
|
||
<View
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"height": 2,
|
||
"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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
"marginHorizontal": 12,
|
||
}
|
||
}
|
||
>
|
||
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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This is a description
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"height": 56,
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
View
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 12,
|
||
"left": 12,
|
||
"right": 12,
|
||
"top": 12,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "transparent",
|
||
"marginHorizontal": 10,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 36,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</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,
|
||
},
|
||
]
|
||
}
|
||
thumbTouchSize={
|
||
Object {
|
||
"height": 40,
|
||
"width": 40,
|
||
}
|
||
}
|
||
value={0}
|
||
>
|
||
<View
|
||
onLayout={[Function]}
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "#b3b3b3",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 4,
|
||
},
|
||
Object {
|
||
"height": 2,
|
||
},
|
||
]
|
||
}
|
||
/>
|
||
<View
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"height": 2,
|
||
"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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
"marginHorizontal": 12,
|
||
}
|
||
}
|
||
>
|
||
00:00
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"height": 56,
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
View
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 12,
|
||
"left": 12,
|
||
"right": 12,
|
||
"top": 12,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "transparent",
|
||
"marginHorizontal": 10,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 36,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</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,
|
||
},
|
||
]
|
||
}
|
||
thumbTouchSize={
|
||
Object {
|
||
"height": 40,
|
||
"width": 40,
|
||
}
|
||
}
|
||
value={0}
|
||
>
|
||
<View
|
||
onLayout={[Function]}
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "#b3b3b3",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 4,
|
||
},
|
||
Object {
|
||
"height": 2,
|
||
},
|
||
]
|
||
}
|
||
/>
|
||
<View
|
||
renderToHardwareTextureAndroid={true}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"height": 2,
|
||
"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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
"marginHorizontal": 12,
|
||
}
|
||
}
|
||
>
|
||
00:00
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Message with reply
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"alignSelf": "flex-end",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"borderRadius": 4,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
I'm a very long long title and I'll break
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"marginLeft": 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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
How are you?
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"alignSelf": "flex-end",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"borderRadius": 4,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"marginLeft": 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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
How are you?
|
||
</Text>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Message with read receipt
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"fontSize": 15,
|
||
},
|
||
Object {
|
||
"lineHeight": 20,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"fontSize": 15,
|
||
},
|
||
Object {
|
||
"lineHeight": 20,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Message with thread
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
How are you?
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 44,
|
||
"justifyContent": "center",
|
||
"paddingHorizontal": 15,
|
||
},
|
||
Object {
|
||
"height": 30,
|
||
},
|
||
]
|
||
}
|
||
testID="message-thread-button-How are you?"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
1 reply
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
Nov 10
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
How are you?
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 44,
|
||
"justifyContent": "center",
|
||
"paddingHorizontal": 15,
|
||
},
|
||
Object {
|
||
"height": 30,
|
||
},
|
||
]
|
||
}
|
||
testID="message-thread-button-How are you?"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
+999 replies
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
Nov 10
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-How are you?"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
How are you?
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-Thread with emoji 🙂 😂"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Thread with emoji 🙂 😂
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-Markdown: link block code"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Markdown: link block code
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-How are you?"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
How are you?
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-Thread with attachment"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Thread with attachment
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Sent an attachment
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Sequential thread messages following thread button
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
How are you?
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 44,
|
||
"justifyContent": "center",
|
||
"paddingHorizontal": 15,
|
||
},
|
||
Object {
|
||
"height": 30,
|
||
},
|
||
]
|
||
}
|
||
testID="message-thread-button-How are you?"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
1 reply
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
Nov 10
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Sent an attachment
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Sequential thread messages following thread reply
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginBottom": 12,
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
testID="message-thread-replied-on-How are you?"
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#1d74f5",
|
||
"marginLeft": 16,
|
||
"marginRight": 10,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
How are you?
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"justifyContent": "center",
|
||
"marginLeft": 6,
|
||
"marginRight": 9,
|
||
}
|
||
}
|
||
>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "disclosure_indicator",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I’m fine!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Cool!
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Sent an attachment
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Discussion
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
Started a discussion:
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
This is a discussion
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 30,
|
||
"justifyContent": "center",
|
||
"opacity": 1,
|
||
"paddingHorizontal": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
No messages yet
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
Started a discussion:
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
This is a discussion
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 30,
|
||
"justifyContent": "center",
|
||
"opacity": 1,
|
||
"paddingHorizontal": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
1 message
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
Nov 10
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
Started a discussion:
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 30,
|
||
"justifyContent": "center",
|
||
"opacity": 1,
|
||
"paddingHorizontal": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
10 messages
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
Nov 10
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
"marginBottom": 6,
|
||
}
|
||
}
|
||
>
|
||
Started a discussion:
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
This is a discussion
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 30,
|
||
"justifyContent": "center",
|
||
"opacity": 1,
|
||
"paddingHorizontal": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
+999 messages
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
Nov 10
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
URL
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"marginTop": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderTopLeftRadius": 4,
|
||
"borderTopRightRadius": 4,
|
||
"height": 150,
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<FastImageView
|
||
resizeMode="cover"
|
||
source={
|
||
Object {
|
||
"uri": "https://rocket.chat/images/blog/post.jpg",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"bottom": 0,
|
||
"left": 0,
|
||
"position": "absolute",
|
||
"right": 0,
|
||
"top": 0,
|
||
}
|
||
}
|
||
/>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"justifyContent": "flex-start",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
Rocket.Chat - Free, Open Source, Enterprise Team Chat
|
||
</Text>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Rocket.Chat is the leading open source team chat software solution. Free, unlimited and completely customizable with on-premises and SaaS cloud hosting.
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"marginTop": 4,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"justifyContent": "flex-start",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
Google
|
||
</Text>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Message
|
||
</Text>
|
||
<Image
|
||
source={
|
||
Object {
|
||
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
|
||
}
|
||
}
|
||
style={
|
||
Object {
|
||
"height": 20,
|
||
"width": 20,
|
||
}
|
||
}
|
||
/>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"marginTop": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"justifyContent": "flex-start",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
Google
|
||
</Text>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"marginTop": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"justifyContent": "flex-start",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
Google
|
||
</Text>
|
||
<Text
|
||
numberOfLines={2}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Custom fields
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"alignSelf": "flex-end",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"borderRadius": 4,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"marginLeft": 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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Custom fields
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 1
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 1
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 2
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 2
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 3
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 3
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 4
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 4
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "100%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 5
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 5
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Two short custom fields
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"alignSelf": "flex-end",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"borderRadius": 4,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"marginLeft": 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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Custom fields
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "50%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 1
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 1
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "50%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 2
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 2
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"alignSelf": "flex-end",
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"marginTop": 4,
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"borderRadius": 4,
|
||
"flex": 1,
|
||
"flexDirection": "column",
|
||
"padding": 15,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"flex": 1,
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
rocket.cat
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"marginLeft": 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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Custom fields 2
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "50%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 1
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 1
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"padding": 10,
|
||
},
|
||
Object {
|
||
"width": "50%",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "600",
|
||
}
|
||
}
|
||
>
|
||
Field 2
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Value 2
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Broadcast
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Broadcasted message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flexDirection": "row",
|
||
"marginTop": 6,
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
hitSlop={
|
||
Object {
|
||
"bottom": 4,
|
||
"left": 4,
|
||
"right": 4,
|
||
"top": 4,
|
||
}
|
||
}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"backgroundColor": "#1d74f5",
|
||
"borderRadius": 2,
|
||
"flexDirection": "row",
|
||
"height": 44,
|
||
"justifyContent": "center",
|
||
"opacity": 1,
|
||
"paddingHorizontal": 15,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": undefined,
|
||
"fontSize": 20,
|
||
},
|
||
Object {
|
||
"color": "#fff",
|
||
"marginRight": 6,
|
||
},
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#fff",
|
||
"fontFamily": "System",
|
||
"fontSize": 14,
|
||
"fontWeight": "500",
|
||
}
|
||
}
|
||
>
|
||
Reply
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Archived
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This message is inside an archived room
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Error
|
||
</Text>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
"paddingHorizontal": 15,
|
||
"paddingVertical": 5,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": "#f5455c",
|
||
"fontSize": 20,
|
||
},
|
||
undefined,
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This message has error
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
"paddingHorizontal": 15,
|
||
"paddingVertical": 5,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
allowFontScaling={false}
|
||
style={
|
||
Array [
|
||
Object {
|
||
"color": "#f5455c",
|
||
"fontSize": 20,
|
||
},
|
||
undefined,
|
||
Object {
|
||
"fontFamily": "custom",
|
||
"fontStyle": "normal",
|
||
"fontWeight": "normal",
|
||
},
|
||
Object {},
|
||
]
|
||
}
|
||
>
|
||
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"marginLeft": 46,
|
||
},
|
||
false,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
This message has error too
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Temp
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
Object {
|
||
"opacity": 0.3,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Temp message
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Editing
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Message being edited
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Removed
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Message removed
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Joined
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Has joined the channel
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Room name changed
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Room name changed to: New name by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Message pinned
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Message pinned
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Has left the channel
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Has left the channel
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
User removed
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
User rocket.cat removed by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
User added
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
User rocket.cat added by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
User muted
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
User rocket.cat muted by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
User unmuted
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
User rocket.cat unmuted by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Role added
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
rocket.cat was set admin by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Role removed
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
rocket.cat is no longer admin by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Changed description
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Room description changed to: new description by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Changed announcement
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Room announcement changed to: new announcement by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Changed topic
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Room topic changed to: new topic by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Changed type
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "row",
|
||
},
|
||
Object {
|
||
"alignItems": "center",
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
Object {
|
||
"marginLeft": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"overflow": "hidden",
|
||
},
|
||
Object {
|
||
"borderRadius": 2,
|
||
"height": 20,
|
||
"width": 20,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontStyle": "italic",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
Room type changed to: public by diego.mello
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Custom style
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
Array [
|
||
undefined,
|
||
Object {
|
||
"backgroundColor": "#ddd",
|
||
},
|
||
],
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Markdown emphasis
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Markdown headers
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
},
|
||
Object {},
|
||
Object {
|
||
"fontSize": 32,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text>
|
||
H1
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
},
|
||
Object {},
|
||
Object {
|
||
"fontSize": 24,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text>
|
||
H2
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
},
|
||
Object {},
|
||
Object {
|
||
"fontSize": 18,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text>
|
||
H3
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
},
|
||
Object {},
|
||
Object {
|
||
"fontSize": 16,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text>
|
||
H4
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
},
|
||
Object {},
|
||
Object {
|
||
"fontSize": 13,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text>
|
||
H5
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
},
|
||
Object {},
|
||
Object {
|
||
"fontSize": 11,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text>
|
||
H6
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Markdown links
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Support
|
||
</Text>
|
||
<Text
|
||
onPress={[Function]}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Google
|
||
</Text>
|
||
</Text>
|
||
<Text>
|
||
|
||
</Text>
|
||
<Text
|
||
onPress={[Function]}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#1d74f5",
|
||
"fontFamily": "System",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
I\`m an inline-style link
|
||
</Text>
|
||
</Text>
|
||
<Text>
|
||
https://google.com
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Markdown image
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
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>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Markdown code
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Inline
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"fontFamily": "Courier New",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
code
|
||
</Text>
|
||
<Text>
|
||
has
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"fontFamily": "Courier New",
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
back-ticks around
|
||
</Text>
|
||
<Text>
|
||
it.
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#f3f4f5",
|
||
"borderColor": "#e1e5e8",
|
||
"borderRadius": 4,
|
||
"borderWidth": 1,
|
||
"fontFamily": "Courier New",
|
||
"fontWeight": "400",
|
||
"padding": 4,
|
||
}
|
||
}
|
||
>
|
||
Code block
|
||
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Markdown quote
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"paddingLeft": 10,
|
||
}
|
||
}
|
||
>
|
||
10:00 AM
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={Object {}}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"backgroundColor": "#CCCCCC",
|
||
"margin": 20,
|
||
"paddingHorizontal": 20,
|
||
"paddingVertical": 10,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={0}
|
||
style={
|
||
Object {
|
||
"alignItems": "flex-start",
|
||
"flexDirection": "row",
|
||
"flexWrap": "wrap",
|
||
"justifyContent": "flex-start",
|
||
"marginBottom": 0,
|
||
"marginTop": 0,
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Quote
|
||
</Text>
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
Object {
|
||
"marginBottom": 0,
|
||
"marginTop": 30,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
Markdown table
|
||
</Text>
|
||
<View
|
||
accessible={true}
|
||
isTVSelectable={true}
|
||
onResponderGrant={[Function]}
|
||
onResponderMove={[Function]}
|
||
onResponderRelease={[Function]}
|
||
onResponderTerminate={[Function]}
|
||
onResponderTerminationRequest={[Function]}
|
||
onStartShouldSetResponder={[Function]}
|
||
style={
|
||
Object {
|
||
"opacity": 1,
|
||
}
|
||
}
|
||
>
|
||
<View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flexDirection": "column",
|
||
"paddingHorizontal": 14,
|
||
"paddingVertical": 4,
|
||
"width": "100%",
|
||
},
|
||
undefined,
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"borderRadius": 4,
|
||
"height": 36,
|
||
"width": 36,
|
||
},
|
||
Object {
|
||
"marginTop": 4,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<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": 46,
|
||
},
|
||
Object {
|
||
"marginLeft": 10,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<View
|
||
style={
|
||
Object {
|
||
"alignItems": "center",
|
||
"flex": 1,
|
||
"flexDirection": "row",
|
||
}
|
||
}
|
||
>
|
||
<Text
|
||
numberOfLines={1}
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "500",
|
||
"lineHeight": 22,
|
||
}
|
||
}
|
||
>
|
||
diego.mello
|
||
</Text>
|
||
</View>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#9ca2a8",
|
||
"fontFamily": "System",
|
||
"fontSize": 12,
|
||
"fontWeight": "300",
|
||
"lineHeight": 22,
|
||
"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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
First Header
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"padding": 5,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Content from cell 1
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"padding": 5,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<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 {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Content in the first column
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={
|
||
Array [
|
||
Object {
|
||
"flex": 1,
|
||
"padding": 5,
|
||
},
|
||
]
|
||
}
|
||
>
|
||
<Text
|
||
style={
|
||
Object {
|
||
"backgroundColor": "transparent",
|
||
"color": "#2F343D",
|
||
"fontFamily": "System",
|
||
"fontSize": 16,
|
||
"fontWeight": "400",
|
||
}
|
||
}
|
||
>
|
||
<Text>
|
||
Content in the second column
|
||
</Text>
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</RCTScrollView>
|
||
`;
|
||
|
||
exports[`Storyshots RoomItem list 1`] = `
|
||
<RCTScrollView>
|
||
<View>
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
Basic
|
||
</Text>
|
||
View
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
User
|
||
</Text>
|
||
View
|
||
View
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
Type
|
||
</Text>
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
Alerts
|
||
</Text>
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
<Text
|
||
style={
|
||
Array [
|
||
Object {
|
||
"fontSize": 20,
|
||
"fontWeight": "300",
|
||
"marginLeft": 10,
|
||
"marginTop": 30,
|
||
},
|
||
undefined,
|
||
]
|
||
}
|
||
>
|
||
Last Message
|
||
</Text>
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
View
|
||
</View>
|
||
</RCTScrollView>
|
||
`;
|