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

19797 lines
519 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

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

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Avatar avatar 1`] = `
<RCTScrollView>
<View>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#3F51B5",
"borderRadius": 4,
"height": 25,
"width": 25,
},
undefined,
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 15.625,
"fontWeight": "800",
},
]
}
>
T
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 25,
"width": 25,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/test",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#9C27B0",
"borderRadius": 4,
"height": 40,
"width": 40,
},
undefined,
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 25,
"fontWeight": "800",
},
]
}
>
A
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 40,
"width": 40,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/aa",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#9C27B0",
"borderRadius": 4,
"height": 30,
"width": 30,
},
undefined,
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 18.75,
"fontWeight": "800",
},
]
}
>
B
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 30,
"width": 30,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/bb",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#3F51B5",
"borderRadius": 2,
"height": 25,
"width": 25,
},
undefined,
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 15.625,
"fontWeight": "800",
},
]
}
>
T
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 2,
"height": 25,
"width": 25,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "baseUrl/avatar/test",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
</View>
</RCTScrollView>
`;
exports[`Storyshots Channel Cell Direct Messages 1`] = `
<RCTScrollView>
<View>
<View
accessibilityLabel="rocket.cat, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
rocket.cat
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="rocket.cat, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
Object {
"fontWeight": "600",
},
]
}
>
rocket.cat
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
Object {
"color": "#1D74F5",
},
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="rocket.cat, 1 alert, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
rocket.cat
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#1D74F5",
"borderRadius": 4,
"justifyContent": "center",
"minWidth": 23,
"padding": 3,
}
}
>
<Text
style={
Object {
"color": "#fff",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.56,
"overflow": "hidden",
}
}
>
1
</Text>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 9 alerts, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#795548",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
L
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
Object {
"fontWeight": "600",
},
]
}
>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
Object {
"color": "#1D74F5",
},
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#1D74F5",
"borderRadius": 4,
"justifyContent": "center",
"minWidth": 23,
"padding": 3,
}
}
>
<Text
style={
Object {
"color": "#fff",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.56,
"overflow": "hidden",
}
}
>
9
</Text>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 99 alerts, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#795548",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
L
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#1D74F5",
"borderRadius": 4,
"justifyContent": "center",
"minWidth": 23,
"padding": 3,
}
}
>
<Text
style={
Object {
"color": "#fff",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.56,
"overflow": "hidden",
}
}
>
99
</Text>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100 alerts, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#795548",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
L
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#1D74F5",
"borderRadius": 4,
"justifyContent": "center",
"minWidth": 23,
"padding": 3,
}
}
>
<Text
style={
Object {
"color": "#fff",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.56,
"overflow": "hidden",
}
}
>
100
</Text>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100000 alerts, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#795548",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
L
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#1D74F5",
"borderRadius": 4,
"justifyContent": "center",
"minWidth": 23,
"padding": 3,
}
}
>
<Text
style={
Object {
"color": "#fff",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.56,
"overflow": "hidden",
}
}
>
999+
</Text>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100000 alerts, you were mentioned, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#795548",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
L
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#1D74F5",
"borderRadius": 4,
"justifyContent": "center",
"minWidth": 23,
"padding": 3,
}
}
>
<Text
style={
Object {
"color": "#fff",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.56,
"overflow": "hidden",
}
}
>
@ 999+
</Text>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="W, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#E91E63",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
W
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/W",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
W
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel="WW, last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#9C27B0",
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
W
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/WW",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
WW
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
<View
accessibilityLabel=", last message Nov 10"
accessibilityTraits="selected"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={null}
>
<View
style={
Array [
Object {
"alignItems": "center",
"flexDirection": "row",
},
undefined,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": undefined,
"borderRadius": 4,
"height": 48,
"width": 48,
},
Object {
"marginHorizontal": 15,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 30,
"fontWeight": "800",
},
]
}
>
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 48,
"width": 48,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "/avatar/",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Object {
"flex": 1,
"height": "100%",
"marginRight": 4,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
"marginTop": 5,
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"borderRadius": 16,
"height": 16,
"width": 16,
},
Array [
Object {
"borderRadius": 10,
"height": 10,
"marginRight": 7,
"marginTop": 3,
"width": 10,
},
],
Object {
"backgroundColor": undefined,
},
]
}
/>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#0C0D0F",
"flex": 1,
"fontSize": 18,
"fontWeight": "400",
"marginRight": 5,
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
</Text>
<Text
ellipsizeMode="tail"
numberOfLines={1}
style={
Array [
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "normal",
"paddingBottom": 0,
"paddingTop": 0,
},
undefined,
]
}
>
Nov 10
</Text>
</View>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
numberOfLines={2}
style={
Object {
"color": "#9EA2A8",
"flex": 1,
"fontSize": 15,
"fontWeight": "normal",
}
}
>
</Text>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"height": "100%",
"justifyContent": "center",
"marginLeft": 6,
"marginRight": 9,
}
}
>
<Image
source={
Object {
"uri": "disclosure_indicator",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</View>
</View>
</View>
</View>
</RCTScrollView>
`;
exports[`Storyshots Message list 1`] = `
<RCTScrollView
contentContainerStyle={
Object {
"marginVertical": 30,
}
}
style={
Object {
"flex": 1,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Simple
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Long message
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: ..."
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
…
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from rocket.cat at 10:00 AM: Different user"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Different user
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: This is the third message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
false,
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is the third message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: This is the second message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
false,
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is the second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: This is the first message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is the first message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Grouped messages
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
false,
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Without header
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
Diego Mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"lineHeight": 16,
"paddingLeft": 6,
}
}
>
@
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With alias
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
}
}
>
(edited)
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Edited
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": undefined,
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Static avatar
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
Diego Mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Full name
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: @rocket.cat @diego.mello @all @here #general"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text
onPress={[Function]}
style={
Object {
"backgroundColor": "#E8F2FF",
"color": "#0072FE",
"fontWeight": "500",
"padding": 5,
}
}
>
 
rocket.cat
 
</Text>
<Text>
</Text>
<Text
onPress={[Function]}
style={
Object {
"backgroundColor": "#1D74F5",
"color": "#fff",
"fontWeight": "500",
"padding": 5,
}
}
>
 
diego.mello
 
</Text>
<Text>
</Text>
<Text
onPress={[Function]}
style={
Object {
"backgroundColor": "#FF5B5A",
"color": "#fff",
"fontWeight": "500",
"padding": 5,
}
}
>
 
all
 
</Text>
<Text>
</Text>
<Text
onPress={[Function]}
style={
Object {
"backgroundColor": "#FF5B5A",
"color": "#fff",
"fontWeight": "500",
"padding": 5,
}
}
>
 
here
 
</Text>
<Text>
</Text>
<Text
onPress={[Function]}
style={
Object {
"backgroundColor": "#E8F2FF",
"color": "#0072FE",
"fontWeight": "500",
"padding": 5,
}
}
>
 #
general
 
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Mentions
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: 👊🤙👏"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
👊🤙👏
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Emojis
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: :react_rocket: :nyan_rocket: :marioparty:"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
<Text>
</Text>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
<Text>
</Text>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
}
}
style={
Object {
"height": 20,
"width": 20,
}
}
/>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Custom Emojis
</Text>
<View
accessibilityLabel="Message from diego.mello at 10 November 2017: Testing"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10 November 2017
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Testing
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Time format
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Reactions"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Reactions
</Text>
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
"flexWrap": "wrap",
"marginTop": 10,
}
}
>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:joy:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
Object {
"backgroundColor": "#e8f2ff",
"borderColor": "#1d74f580",
},
]
}
>
<Text
style={
Object {
"fontSize": 13,
"marginLeft": 7,
}
}
>
😂
</Text>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
3
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:marioparty:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
Object {
"backgroundColor": "#e8f2ff",
"borderColor": "#1d74f580",
},
]
}
>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
}
}
style={
Object {
"height": 19,
"marginLeft": 7,
"width": 19,
}
}
/>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
13
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:thinking:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
false,
]
}
>
<Text
style={
Object {
"fontSize": 13,
"marginLeft": 7,
}
}
>
🤔
</Text>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
"opacity": 1,
}
}
testID="message-add-reaction"
>
<Image
source={
Object {
"uri": "add_reaction",
}
}
style={
Object {
"height": 17,
"width": 17,
}
}
/>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Reactions
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Multiple Reactions"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Multiple Reactions
</Text>
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
"flexWrap": "wrap",
"marginTop": 10,
}
}
>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:marioparty:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
false,
]
}
>
<Image
source={
Object {
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
}
}
style={
Object {
"height": 19,
"marginLeft": 7,
"width": 19,
}
}
/>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:react_rocket:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
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 {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:nyan_rocket:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
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 {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:heart:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
false,
]
}
>
<Text
style={
Object {
"fontSize": 13,
"marginLeft": 7,
}
}
>
❤️
</Text>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:dog:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
false,
]
}
>
<Text
style={
Object {
"fontSize": 13,
"marginLeft": 7,
}
}
>
🐶
</Text>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:grinning:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
false,
]
}
>
<Text
style={
Object {
"fontSize": 13,
"marginLeft": 7,
}
}
>
😀
</Text>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:grimacing:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
false,
]
}
>
<Text
style={
Object {
"fontSize": 13,
"marginLeft": 7,
}
}
>
😬
</Text>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"opacity": 1,
}
}
testID="message-reaction-:grin:"
>
<View
style={
Array [
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
},
false,
]
}
>
<Text
style={
Object {
"fontSize": 13,
"marginLeft": 7,
}
}
>
😁
</Text>
<Text
style={
Object {
"color": "#1D74F5",
"fontSize": 14,
"fontWeight": "600",
"marginLeft": 3,
"marginRight": 8.5,
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "#FFF",
"borderColor": "#e1e5e8",
"borderRadius": 4,
"borderWidth": 1.5,
"flexDirection": "row",
"height": 28,
"justifyContent": "center",
"marginBottom": 10,
"marginRight": 10,
"minWidth": 46,
"opacity": 1,
}
}
testID="message-add-reaction"
>
<Image
source={
Object {
"uri": "add_reaction",
}
}
style={
Object {
"height": 17,
"width": 17,
}
}
/>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Multiple reactions
</Text>
<View
accessibilityLabel="Message from rocket.cat at 10:00 AM: Fourth message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Fourth message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Third message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Third message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from rocket.cat at 10:00 AM: Second message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: First message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
First message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Intercalated users
</Text>
<View
accessibilityLabel="Message from rocket.cat at 10:00 AM: Fourth message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Fourth message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"flexDirection": "row",
"marginBottom": 25,
"marginTop": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"color": "#f5455c",
},
Object {
"marginLeft": 10,
},
]
}
>
Nov 10, 2017
</Text>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"backgroundColor": "#f5455c",
},
Object {
"marginHorizontal": 10,
},
]
}
/>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"color": "#f5455c",
},
Object {
"marginRight": 10,
},
]
}
>
unread messages
</Text>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Third message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Third message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"flexDirection": "row",
"marginBottom": 25,
"marginTop": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"backgroundColor": "#f5455c",
},
Object {
"marginLeft": 10,
},
]
}
/>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"color": "#f5455c",
},
Object {
"marginHorizontal": 10,
},
]
}
>
unread messages
</Text>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"backgroundColor": "#f5455c",
},
Object {
"marginRight": 10,
},
]
}
/>
</View>
<View
accessibilityLabel="Message from rocket.cat at 10:00 AM: Second message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
false,
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
false,
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from rocket.cat at 10:00 AM: Second message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#8BC34A",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
R
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/rocket.cat",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"flexDirection": "row",
"marginBottom": 25,
"marginTop": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"marginLeft": 10,
},
]
}
/>
<Text
style={
Array [
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "600",
},
Object {
"marginHorizontal": 10,
},
]
}
>
Nov 10, 2017
</Text>
<View
style={
Array [
Object {
"backgroundColor": "#9ea2a8",
"flex": 1,
"height": 1,
},
Object {
"marginRight": 10,
},
]
}
/>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: First message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
First message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Date and Unread separators
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"flex": 1,
"flexDirection": "column",
"opacity": 1,
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"marginBottom": 10,
"maxWidth": 400,
"minHeight": 200,
"width": "100%",
},
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"uri": "https://open.rocket.chat/file-upload/2ZrxuwcGeTrsoh376/Clipboard%2520-%2520September%25205,%25202018%25204:10%2520PM?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 {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is a description
</Text>
</Text>
</Text>
</View>
</View>
<Modal
animationType="none"
hardwareAccelerated={false}
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
onRequestClose={[Function]}
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
transparent={true}
visible={false}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 1334,
"left": 0,
"opacity": 0,
"position": "absolute",
"right": 0,
"top": 0,
"width": 750,
}
}
/>
<View
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
pointerEvents="box-none"
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
"margin": 37.5,
"transform": Array [
Object {
"translateY": 0,
},
],
}
}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
>
<View
style={
Object {
"height": 1294,
"width": 710,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"marginVertical": 10,
"width": "100%",
}
}
>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 16,
"fontWeight": "600",
"textAlign": "center",
}
}
>
This is a title
</Text>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 14,
"fontWeight": "500",
"textAlign": "center",
}
}
>
This is a description
</Text>
</View>
<View
style={
Object {
"flex": 1,
}
}
>
<View
onLayout={[Function]}
style={
Object {
"flex": 1,
"overflow": "hidden",
}
}
>
<View>
<View
style={
Object {
"zIndex": 9,
}
}
>
<View
style={
Object {
"backgroundColor": "transparent",
"opacity": 0,
}
}
>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"left": 0,
"position": "absolute",
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"position": "absolute",
"right": 0,
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"transform": Array [
Object {
"translateX": 0,
},
],
"width": 0,
}
}
>
<View
onMoveShouldSetResponder={[Function]}
onMoveShouldSetResponderCapture={[Function]}
onResponderEnd={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderReject={[Function]}
onResponderRelease={[Function]}
onResponderStart={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
onStartShouldSetResponderCapture={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "transparent",
"height": 0,
"justifyContent": "center",
"overflow": "hidden",
"width": 0,
}
}
>
<View
style={
Object {
"transform": Array [
Object {
"scale": 1,
},
Object {
"translateX": 0,
},
Object {
"translateY": 0,
},
],
}
}
>
<View
onLayout={[Function]}
style={
Object {
"height": 0,
"width": 0,
}
}
>
<View
style={
Object {
"alignItems": "center",
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 1334,
"width": 750,
},
]
}
>
<ActivityIndicator
animating={true}
color="#999999"
hidesWhenStopped={true}
size="small"
/>
</View>
</View>
</View>
</View>
</View>
</View>
<View
style={
Array [
Object {
"bottom": 0,
"position": "absolute",
"zIndex": 9,
},
Object {},
]
}
/>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</Modal>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"flex": 1,
"flexDirection": "column",
"opacity": 1,
}
}
>
<View
style={
Array [
Object {
"borderRadius": 4,
"marginBottom": 10,
"maxWidth": 400,
"minHeight": 200,
"width": "100%",
},
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"uri": "https://open.rocket.chat/file-upload/sxLXBzjwuqxMnebyP/Clipboard%2520-%252029%2520de%2520Agosto%2520de%25202018%2520%25C3%25A0s%252018: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 {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is a description
</Text>
</Text>
</Text>
</View>
</View>
<Modal
animationType="none"
hardwareAccelerated={false}
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
onRequestClose={[Function]}
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
transparent={true}
visible={false}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 1334,
"left": 0,
"opacity": 0,
"position": "absolute",
"right": 0,
"top": 0,
"width": 750,
}
}
/>
<View
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
pointerEvents="box-none"
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
"margin": 37.5,
"transform": Array [
Object {
"translateY": 0,
},
],
}
}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
>
<View
style={
Object {
"height": 1294,
"width": 710,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"marginVertical": 10,
"width": "100%",
}
}
>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 16,
"fontWeight": "600",
"textAlign": "center",
}
}
>
This is a title
</Text>
<Text
style={
Object {
"color": "#ffffff",
"fontSize": 14,
"fontWeight": "500",
"textAlign": "center",
}
}
>
This is a description
</Text>
</View>
<View
style={
Object {
"flex": 1,
}
}
>
<View
onLayout={[Function]}
style={
Object {
"flex": 1,
"overflow": "hidden",
}
}
>
<View>
<View
style={
Object {
"zIndex": 9,
}
}
>
<View
style={
Object {
"backgroundColor": "transparent",
"opacity": 0,
}
}
>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"left": 0,
"position": "absolute",
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"bottom": 0,
"justifyContent": "center",
"position": "absolute",
"right": 0,
"top": 0,
"zIndex": 13,
}
}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
/>
</View>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"transform": Array [
Object {
"translateX": 0,
},
],
"width": 0,
}
}
>
<View
onMoveShouldSetResponder={[Function]}
onMoveShouldSetResponderCapture={[Function]}
onResponderEnd={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderReject={[Function]}
onResponderRelease={[Function]}
onResponderStart={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
onStartShouldSetResponderCapture={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "transparent",
"height": 0,
"justifyContent": "center",
"overflow": "hidden",
"width": 0,
}
}
>
<View
style={
Object {
"transform": Array [
Object {
"scale": 1,
},
Object {
"translateX": 0,
},
Object {
"translateY": 0,
},
],
}
}
>
<View
onLayout={[Function]}
style={
Object {
"height": 0,
"width": 0,
}
}
>
<View
style={
Object {
"alignItems": "center",
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 1334,
"width": 750,
},
]
}
>
<ActivityIndicator
animating={true}
color="#999999"
hidesWhenStopped={true}
size="small"
/>
</View>
</View>
</View>
</View>
</View>
</View>
<View
style={
Array [
Object {
"bottom": 0,
"position": "absolute",
"zIndex": 9,
},
Object {},
]
}
/>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</Modal>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With image
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View>
<View
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": 10,
"opacity": 1,
}
}
>
<Image
source={
Object {
"uri": "play_video",
}
}
style={
Object {
"height": 54,
"width": 54,
}
}
/>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is a description
</Text>
</Text>
</Text>
</View>
</View>
<Modal
animationType="none"
hardwareAccelerated={false}
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
onRequestClose={[Function]}
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
transparent={true}
visible={false}
>
<View
accessible={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 1334,
"left": 0,
"opacity": 0,
"position": "absolute",
"right": 0,
"top": 0,
"width": 750,
}
}
/>
<View
hideModalContentWhileAnimating={false}
onModalHide={[Function]}
pointerEvents="box-none"
scrollOffset={0}
scrollOffsetMax={0}
scrollTo={null}
style={
Object {
"backgroundColor": "#000",
"flex": 1,
"justifyContent": "center",
"margin": 0,
"transform": Array [
Object {
"translateY": 0,
},
],
}
}
supportedOrientations={
Array [
"portrait",
"landscape",
]
}
swipeThreshold={100}
>
Video
</View>
</Modal>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With video
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#f7f8fa",
"borderRadius": 4,
"flex": 1,
"flexDirection": "row",
"height": 56,
"marginBottom": 10,
}
}
>
Video
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "transparent",
"opacity": 1,
"width": 56,
}
}
>
<Image
source={
Object {
"uri": "play",
}
}
style={
Object {
"height": 30,
"width": 30,
}
}
/>
</View>
<View
animateTransitions={true}
animationConfig={
Object {
"delay": 0,
"duration": 250,
"easing": [Function],
}
}
animationType="timing"
onLayout={[Function]}
onValueChange={[Function]}
step={0}
style={
Array [
Object {
"height": 40,
"justifyContent": "center",
},
Object {
"flex": 1,
"marginRight": 10,
},
]
}
thumbTouchSize={
Object {
"height": 40,
"width": 40,
}
}
value={0}
>
<View
onLayout={[Function]}
renderToHardwareTextureAndroid={true}
style={
Array [
Object {
"backgroundColor": "#b3b3b3",
},
Object {
"borderRadius": 2,
"height": 4,
},
undefined,
]
}
/>
<View
renderToHardwareTextureAndroid={true}
style={
Object {
"backgroundColor": "#1d74f5",
"borderRadius": 2,
"height": 4,
"opacity": 0,
"position": "absolute",
"width": 0,
}
}
/>
<View
onLayout={[Function]}
renderToHardwareTextureAndroid={true}
style={
Object {
"backgroundColor": "#1d74f5",
"borderRadius": 10,
"height": 12,
"opacity": 0,
"position": "absolute",
"transform": Array [
Object {
"translateX": 0,
},
Object {
"translateY": 0,
},
],
"width": 12,
}
}
/>
<View
onMoveShouldSetResponder={[Function]}
onMoveShouldSetResponderCapture={[Function]}
onResponderEnd={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderReject={[Function]}
onResponderRelease={[Function]}
onResponderStart={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
onStartShouldSetResponderCapture={[Function]}
renderToHardwareTextureAndroid={true}
style={
Array [
Object {
"backgroundColor": "transparent",
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
},
Object {},
]
}
/>
</View>
<Text
style={
Object {
"color": "#54585e",
"fontSize": 14,
"fontWeight": "500",
"marginRight": 16,
}
}
>
00:00
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This is a description
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
With audio
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"marginTop": 10,
},
false,
]
}
>
<View
style={
Object {
"backgroundColor": "#F3F4F5",
"borderRadius": 4,
"flex": 1,
"flexDirection": "column",
}
}
>
<View
style={
Array [
Object {
"borderTopLeftRadius": 4,
"borderTopRightRadius": 4,
"height": 150,
"width": "100%",
},
Object {
"overflow": "hidden",
},
]
}
>
<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={1}
style={
Object {
"color": "#9EA2A8",
"fontSize": 15,
"fontWeight": "500",
}
}
>
https://rocket.chat
</Text>
<Text
numberOfLines={2}
style={
Object {
"color": "#1D74F5",
"fontSize": 16,
"fontWeight": "500",
"marginTop": 5,
}
}
>
Rocket.Chat - Free, Open Source, Enterprise Team Chat
</Text>
<Text
numberOfLines={2}
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"marginTop": 5,
}
}
>
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>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"marginTop": 10,
},
Object {
"marginTop": 4,
},
]
}
>
<View
style={
Object {
"backgroundColor": "#F3F4F5",
"borderRadius": 4,
"flex": 1,
"flexDirection": "column",
}
}
>
<View
style={
Object {
"alignItems": "flex-start",
"flex": 1,
"flexDirection": "column",
"justifyContent": "flex-start",
"padding": 15,
}
}
>
<Text
numberOfLines={1}
style={
Object {
"color": "#9EA2A8",
"fontSize": 15,
"fontWeight": "500",
}
}
>
https://google.com
</Text>
<Text
numberOfLines={2}
style={
Object {
"color": "#1D74F5",
"fontSize": 16,
"fontWeight": "500",
"marginTop": 5,
}
}
>
Google
</Text>
<Text
numberOfLines={2}
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"marginTop": 5,
}
}
>
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": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
URL
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"alignItems": "center",
"alignSelf": "flex-end",
"flex": 1,
"flexDirection": "row",
"marginTop": 15,
},
false,
]
}
>
<View
style={
Object {
"backgroundColor": "#f3f4f5",
"borderRadius": 4,
"flex": 1,
"flexDirection": "column",
"padding": 15,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#1d74f5",
"fontSize": 18,
"fontWeight": "500",
"marginRight": 10,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "normal",
"marginLeft": 5,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
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 {
"fontWeight": "bold",
}
}
>
Field 1
</Text>
<Text>
Value 1
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "column",
"padding": 10,
},
Object {
"width": "100%",
},
]
}
>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
Field 2
</Text>
<Text>
Value 2
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "column",
"padding": 10,
},
Object {
"width": "100%",
},
]
}
>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
Field 3
</Text>
<Text>
Value 3
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "column",
"padding": 10,
},
Object {
"width": "100%",
},
]
}
>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
Field 4
</Text>
<Text>
Value 4
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "column",
"padding": 10,
},
Object {
"width": "100%",
},
]
}
>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
Field 5
</Text>
<Text>
Value 5
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Custom fields
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"alignItems": "center",
"alignSelf": "flex-end",
"flex": 1,
"flexDirection": "row",
"marginTop": 15,
},
false,
]
}
>
<View
style={
Object {
"backgroundColor": "#f3f4f5",
"borderRadius": 4,
"flex": 1,
"flexDirection": "column",
"padding": 15,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#1d74f5",
"fontSize": 18,
"fontWeight": "500",
"marginRight": 10,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "normal",
"marginLeft": 5,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
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 {
"fontWeight": "bold",
}
}
>
Field 1
</Text>
<Text>
Value 1
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "column",
"padding": 10,
},
Object {
"width": "50%",
},
]
}
>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
Field 2
</Text>
<Text>
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={
Array [
Object {
"alignItems": "center",
"alignSelf": "flex-end",
"flex": 1,
"flexDirection": "row",
"marginTop": 15,
},
Object {
"marginTop": 4,
},
]
}
>
<View
style={
Object {
"backgroundColor": "#f3f4f5",
"borderRadius": 4,
"flex": 1,
"flexDirection": "column",
"padding": 15,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#1d74f5",
"fontSize": 18,
"fontWeight": "500",
"marginRight": 10,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "normal",
"marginLeft": 5,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
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 {
"fontWeight": "bold",
}
}
>
Field 1
</Text>
<Text>
Value 1
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "column",
"padding": 10,
},
Object {
"width": "50%",
},
]
}
>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
Field 2
</Text>
<Text>
Value 2
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Two short custom fields
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Broadcasted message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Broadcasted message
</Text>
</Text>
</Text>
</View>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 44,
"marginTop": 15,
"width": 107,
}
}
>
<View
style={
Object {
"alignItems": "center",
"backgroundColor": "#1d74f5",
"borderRadius": 4,
"flex": 1,
"flexDirection": "row",
"justifyContent": "center",
}
}
>
<Image
source={
Object {
"uri": "reply",
}
}
style={
Object {
"height": 12,
"marginRight": 11,
"width": 14,
}
}
/>
<Text
style={
Object {
"color": "#fff",
"fontSize": 14,
"fontWeight": "500",
}
}
>
Reply
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Broadcast
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: This message is inside an archived room"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This message is inside an archived room
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Archived
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: This message has error too"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
false,
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
allowFontScaling={false}
onPress={[Function]}
style={
Array [
Object {
"color": "red",
"fontSize": 20,
},
Object {
"alignSelf": "center",
"paddingLeft": 0,
"paddingRight": 12,
},
Object {
"fontFamily": "Material Icons",
"fontStyle": "normal",
"fontWeight": "normal",
},
Object {},
]
}
>
</Text>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
false,
Object {
"opacity": 0.3,
},
]
}
>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This message has error too
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: This message has error"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<Text
allowFontScaling={false}
onPress={[Function]}
style={
Array [
Object {
"color": "red",
"fontSize": 20,
},
Object {
"alignSelf": "center",
"paddingLeft": 0,
"paddingRight": 12,
},
Object {
"fontFamily": "Material Icons",
"fontStyle": "normal",
"fontWeight": "normal",
},
Object {},
]
}
>
</Text>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
Object {
"opacity": 0.3,
},
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
This message has error
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Error
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Temp message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
Object {
"opacity": 0.3,
},
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Temp message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Temp
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message being edited"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
Object {
"backgroundColor": "#fff5df",
},
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message being edited
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Editing
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Message removed
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Removed
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Has joined the channel
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Joined
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: New name"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room name changed to: New name by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Room name changed
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: New name"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Message pinned
</Text>
<View
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"alignItems": "center",
"alignSelf": "flex-end",
"flex": 1,
"flexDirection": "row",
"marginTop": 15,
},
false,
]
}
>
<View
style={
Object {
"backgroundColor": "#f3f4f5",
"borderRadius": 4,
"flex": 1,
"flexDirection": "column",
"padding": 15,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#1d74f5",
"fontSize": 18,
"fontWeight": "500",
"marginRight": 10,
}
}
>
rocket.cat
</Text>
<Text
style={
Object {
"color": "#9ea2a8",
"fontSize": 14,
"fontWeight": "normal",
"marginLeft": 5,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
First message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Message pinned
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Has left the channel
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Has left the channel
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat removed by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User removed
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat added by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User added
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat muted by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User muted
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
User rocket.cat unmuted by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
User unmuted
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
rocket.cat was set admin by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Role added
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
rocket.cat is no longer admin by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Role removed
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: new description"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room description changed to: new description by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed description
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: new announcement"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room announcement changed to: new announcement by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed announcement
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: new topic"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room topic changed to: new topic by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed topic
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: public"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<Text
style={
Object {
"color": "#a0a0a0",
"fontSize": 16,
"fontStyle": "italic",
}
}
>
Room type changed to: public by diego.mello
</Text>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Changed type
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
Array [
undefined,
Object {
"backgroundColor": "#ddd",
},
],
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Message
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Custom style
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Italic with *asterisks* or _underscores_. Bold with **asterisks** or __underscores__. ~~Strikethrough~~"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Italic with
</Text>
<Text
style={
Object {
"fontStyle": "italic",
}
}
>
<Text>
asterisks
</Text>
</Text>
<Text>
or
</Text>
<Text
style={
Object {
"fontStyle": "italic",
}
}
>
<Text>
underscores
</Text>
</Text>
<Text>
. Bold with
</Text>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
<Text>
asterisks
</Text>
</Text>
<Text>
or
</Text>
<Text
style={
Object {
"fontWeight": "bold",
}
}
>
<Text>
underscores
</Text>
</Text>
<Text>
.
</Text>
<Text
style={
Object {
"textDecorationLine": "line-through",
}
}
>
<Text>
Strikethrough
</Text>
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown emphasis
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: # H1
## H2
### H3
#### H4
##### H5
###### H6"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
H1
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
H2
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
H3
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
H4
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
H5
</Text>
</Text>
</View>
<View
style={
Object {
"flexDirection": "row",
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
H6
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown headers
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Support <http://google.com|Google> [I\`m an inline-style link](https://www.google.com) https://google.com"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Support
</Text>
<Text
onPress={[Function]}
style={
Object {
"color": "#1D74F5",
}
}
>
<Text>
Google
</Text>
</Text>
<Text>
</Text>
<Text
onPress={[Function]}
style={
Object {
"color": "#1D74F5",
}
}
>
<Text>
I\`m an inline-style link
</Text>
</Text>
<Text>
https://google.com
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown links
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: ![alt text](https://play.google.com/intl/en_us/badges/images/badge_new.png)"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Image
source={
Object {
"uri": "https://play.google.com/intl/en_us/badges/images/badge_new.png",
}
}
style={
Object {
"height": 300,
"resizeMode": "contain",
"width": 300,
}
}
/>
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown image
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: Inline \`code\` has \`back-ticks around\` it.
\`\`\`
Code block
\`\`\`"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Inline
</Text>
<Text
style={
Object {
"backgroundColor": "#f5f5f5",
"borderColor": "#CCCCCC",
"borderRadius": 4,
"borderWidth": 1,
"padding": 2,
}
}
>
code
</Text>
<Text>
has
</Text>
<Text
style={
Object {
"backgroundColor": "#f5f5f5",
"borderColor": "#CCCCCC",
"borderRadius": 4,
"borderWidth": 1,
"padding": 2,
}
}
>
back-ticks around
</Text>
<Text>
it.
</Text>
</Text>
</Text>
<Text
style={
Object {
"backgroundColor": "#f5f5f5",
"borderColor": "#CCCCCC",
"borderRadius": 4,
"borderWidth": 1,
"padding": 10,
}
}
>
Code block
</Text>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown code
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: > Quote"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<View
style={
Object {
"backgroundColor": "#CCCCCC",
"margin": 20,
"paddingHorizontal": 20,
"paddingVertical": 10,
}
}
>
<Text
style={
Object {
"alignItems": "flex-start",
"flexDirection": "row",
"flexWrap": "wrap",
"justifyContent": "flex-start",
"marginBottom": 0,
"marginTop": 0,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Quote
</Text>
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown quote
</Text>
<View
accessibilityLabel="Message from diego.mello at 10:00 AM: First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column"
accessible={true}
isTVSelectable={true}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Array [
Object {
"paddingVertical": 5,
},
Object {
"marginBottom": 10,
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"flexDirection": "column",
"paddingLeft": 10,
"paddingRight": 15,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
undefined,
undefined,
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "row",
}
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"backgroundColor": "#CDDC39",
"borderRadius": 4,
"height": 36,
"width": 36,
},
Object {
"marginTop": 5,
},
]
}
>
<Text
allowFontScaling={false}
style={
Array [
Object {
"color": "#ffffff",
},
Object {
"fontSize": 22.5,
"fontWeight": "800",
},
]
}
>
D
</Text>
<View
style={
Array [
Array [
Object {
"position": "absolute",
},
Object {
"borderRadius": 4,
"height": 36,
"width": 36,
},
],
Object {
"overflow": "hidden",
},
]
}
>
<FastImageView
resizeMode="cover"
source={
Object {
"priority": "high",
"uri": "https://open.rocket.chat/avatar/diego.mello",
}
}
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
/>
</View>
</View>
<View
style={
Array [
Object {
"flex": 1,
"marginLeft": 51,
},
Object {
"marginLeft": 15,
},
false,
]
}
>
<View
style={
Object {
"alignItems": "center",
"flexDirection": "row",
"marginBottom": 2,
}
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"fontWeight": "600",
"lineHeight": 22,
}
}
>
diego.mello
</Text>
<Text
style={
Object {
"color": "#9EA2A8",
"fontSize": 14,
"fontWeight": "300",
"lineHeight": 16,
"paddingLeft": 10,
}
}
>
10:00 AM
</Text>
</View>
<View
style={Object {}}
>
<View
style={
Array [
Object {
"borderColor": "#000000",
"borderRadius": 3,
"borderWidth": 1,
},
]
}
>
<View
style={
Array [
Object {},
]
}
>
<View
style={
Array [
Object {
"borderBottomWidth": 1,
"borderColor": "#000000",
"flexDirection": "row",
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
First Header
</Text>
</Text>
</View>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Second Header
</Text>
</Text>
</View>
</View>
</View>
<View>
<View
style={
Array [
Object {
"borderBottomWidth": 1,
"borderColor": "#000000",
"flexDirection": "row",
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content from cell 1
</Text>
</Text>
</View>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content from cell 2
</Text>
</Text>
</View>
</View>
<View
style={
Array [
Object {
"borderBottomWidth": 1,
"borderColor": "#000000",
"flexDirection": "row",
},
]
}
>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content in the first column
</Text>
</Text>
</View>
<View
style={
Array [
Object {
"flex": 1,
"padding": 5,
},
]
}
>
<Text
style={
Object {
"color": "#0C0D0F",
"fontSize": 16,
"letterSpacing": 0.1,
}
}
>
<Text>
Content in the second column
</Text>
</Text>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
<Text
style={
Array [
Object {
"fontSize": 20,
"fontWeight": "300",
"marginLeft": 10,
"marginTop": 30,
},
Object {
"marginBottom": 30,
"marginTop": 0,
"transform": Array [
Object {
"scaleY": -1,
},
],
},
]
}
>
Markdown table
</Text>
</View>
</RCTScrollView>
`;
Reference in New Issue View Git Blame Copy Permalink