Rocket.Chat.ReactNative/__tests__/__snapshots__/Storyshots.test.js.snap

4448 lines
104 KiB
Plaintext

// 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"
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"
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"
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"
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"
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"
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"
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"
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"
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"
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"
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
<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
<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
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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
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
<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
<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
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
<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
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
<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
<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
<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
<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
<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
<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
<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
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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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>
`;