2017-08-23 00:27:25 +00:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
2020-03-04 13:57:07 +00:00
|
|
|
exports[`Storyshots Markdown list Markdown 1`] = `
|
|
|
|
<RCTScrollView
|
|
|
|
contentContainerStyle={
|
|
|
|
Object {
|
|
|
|
"paddingBottom": 50,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"marginVertical": 50,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Short Text
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="This is Rocket.Chat"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
This is Rocket.Chat
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Long Text
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Line Break Text
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="a"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
a
|
|
|
|
</Text>
|
|
|
|
<Text>
|
|
|
|
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="b"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
b
|
|
|
|
</Text>
|
|
|
|
<Text>
|
|
|
|
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="c"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
c
|
|
|
|
</Text>
|
|
|
|
<Text>
|
|
|
|
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text>
|
|
|
|
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="d"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
d
|
|
|
|
</Text>
|
|
|
|
<Text>
|
|
|
|
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text>
|
|
|
|
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text>
|
|
|
|
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="e"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
e
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Edited
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="This is edited"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
This is edited
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 14,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#9ca2a8",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
(
|
|
|
|
edited
|
|
|
|
)
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Preview
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
2020-03-05 14:40:32 +00:00
|
|
|
accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
|
2020-03-04 13:57:07 +00:00
|
|
|
numberOfLines={1}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
|
|
</Text>
|
|
|
|
<Text
|
2020-03-05 14:40:32 +00:00
|
|
|
accessibilityLabel="a b c d e"
|
2020-03-04 13:57:07 +00:00
|
|
|
numberOfLines={1}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
a b c d e
|
|
|
|
</Text>
|
|
|
|
<Text
|
2020-03-05 14:40:32 +00:00
|
|
|
accessibilityLabel="@rocket.cat @name1 @all @here @unknown #general #unknown"
|
2020-03-04 13:57:07 +00:00
|
|
|
numberOfLines={1}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
@rocket.cat @name1 @all @here @unknown #general #unknown
|
|
|
|
</Text>
|
|
|
|
<Text
|
2020-03-05 14:40:32 +00:00
|
|
|
accessibilityLabel="Testing: 😃 👍 :marioparty:"
|
2020-03-04 13:57:07 +00:00
|
|
|
numberOfLines={1}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Testing: 😃 👍 :marioparty:
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Mentions
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#1d74f5",
|
|
|
|
"color": "#ffffff",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
rocket.cat
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#E8F2FF",
|
|
|
|
"color": "#1d74f5",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
name1
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#FF5B5A",
|
|
|
|
"color": "#ffffff",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
all
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#FF5B5A",
|
|
|
|
"color": "#ffffff",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
here
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
@unknown
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Mentions with Real Name
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#1d74f5",
|
|
|
|
"color": "#ffffff",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Rocket Cat
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#E8F2FF",
|
|
|
|
"color": "#1d74f5",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Name
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#FF5B5A",
|
|
|
|
"color": "#ffffff",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
all
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#FF5B5A",
|
|
|
|
"color": "#ffffff",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
here
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
@unknown
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Hashtag
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#E8F2FF",
|
|
|
|
"color": "#0072FE",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
"padding": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
test-channel
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
#unknown
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Emoji
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Unicode: 😃😇👍"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Unicode: 😃😇👍
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Shortnames: "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Shortnames:
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
😂
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
👍
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Custom emojis: "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Custom emojis:
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"overflow": "hidden",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"height": 20,
|
|
|
|
"width": 20,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<FastImageView
|
|
|
|
resizeMode="contain"
|
|
|
|
source={
|
|
|
|
Object {
|
|
|
|
"priority": "high",
|
|
|
|
"uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"bottom": 0,
|
|
|
|
"left": 0,
|
|
|
|
"position": "absolute",
|
|
|
|
"right": 0,
|
|
|
|
"top": 0,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"overflow": "hidden",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"height": 20,
|
|
|
|
"width": 20,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<FastImageView
|
|
|
|
resizeMode="contain"
|
|
|
|
source={
|
|
|
|
Object {
|
|
|
|
"priority": "high",
|
|
|
|
"uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"bottom": 0,
|
|
|
|
"left": 0,
|
|
|
|
"position": "absolute",
|
|
|
|
"right": 0,
|
|
|
|
"top": 0,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"overflow": "hidden",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"height": 20,
|
|
|
|
"width": 20,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<FastImageView
|
|
|
|
resizeMode="contain"
|
|
|
|
source={
|
|
|
|
Object {
|
|
|
|
"priority": "high",
|
|
|
|
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"bottom": 0,
|
|
|
|
"left": 0,
|
|
|
|
"position": "absolute",
|
|
|
|
"right": 0,
|
|
|
|
"top": 0,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
</View>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="😃 "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 30,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
😃
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 30,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
👍
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 30,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"overflow": "hidden",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"height": 30,
|
|
|
|
"width": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<FastImageView
|
|
|
|
resizeMode="contain"
|
|
|
|
source={
|
|
|
|
Object {
|
|
|
|
"priority": "high",
|
|
|
|
"uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"bottom": 0,
|
|
|
|
"left": 0,
|
|
|
|
"position": "absolute",
|
|
|
|
"right": 0,
|
|
|
|
"top": 0,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
</View>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Block Quote
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"height": "100%",
|
|
|
|
"marginRight": 5,
|
|
|
|
"width": 2,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#e1e5e8",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="This is block quote"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
This is block quote
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="this is a normal line"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
this is a normal line
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Links
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
onLongPress={[Function]}
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"color": "#1d74f5",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Markdown link"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Markdown link
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=": "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
:
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f1f2f4",
|
|
|
|
"borderColor": "#f1f2f4",
|
|
|
|
"borderRadius": 4,
|
|
|
|
"borderWidth": 1,
|
|
|
|
"color": "#2f343d",
|
|
|
|
"fontFamily": "Courier New",
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
[description](url)
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
onLongPress={[Function]}
|
|
|
|
onPress={[Function]}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"color": "#1d74f5",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Formatted Link"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Formatted Link
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=": "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
:
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f1f2f4",
|
|
|
|
"borderColor": "#f1f2f4",
|
|
|
|
"borderRadius": 4,
|
|
|
|
"borderWidth": 1,
|
|
|
|
"color": "#2f343d",
|
|
|
|
"fontFamily": "Courier New",
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<url|description>
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Image
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<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>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Headers
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Header 1"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 24,
|
|
|
|
"fontWeight": "700",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Header 1
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Header 2"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 22,
|
|
|
|
"fontWeight": "700",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Header 2
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Header 3"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "600",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Header 3
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Header 4"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 18,
|
|
|
|
"fontWeight": "600",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Header 4
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Header 5"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "500",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Header 5
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Header 6"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 14,
|
|
|
|
"fontWeight": "500",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Header 6
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Inline Code
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="This is "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
This is
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f1f2f4",
|
|
|
|
"borderColor": "#f1f2f4",
|
|
|
|
"borderRadius": 4,
|
|
|
|
"borderWidth": 1,
|
|
|
|
"color": "#2f343d",
|
|
|
|
"fontFamily": "Courier New",
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
inline code
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Code Block
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Inline "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Inline
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f1f2f4",
|
|
|
|
"borderColor": "#f1f2f4",
|
|
|
|
"borderRadius": 4,
|
|
|
|
"borderWidth": 1,
|
|
|
|
"color": "#2f343d",
|
|
|
|
"fontFamily": "Courier New",
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
code
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" has "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
has
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f1f2f4",
|
|
|
|
"borderColor": "#f1f2f4",
|
|
|
|
"borderRadius": 4,
|
|
|
|
"borderWidth": 1,
|
|
|
|
"color": "#2f343d",
|
|
|
|
"fontFamily": "Courier New",
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
back-ticks around
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" it."
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
it.
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f1f2f4",
|
|
|
|
"borderColor": "#f1f2f4",
|
|
|
|
"borderRadius": 4,
|
|
|
|
"borderWidth": 1,
|
|
|
|
"color": "#2f343d",
|
|
|
|
"fontFamily": "Courier New",
|
|
|
|
"fontWeight": "400",
|
|
|
|
"padding": 4,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Code block
|
|
|
|
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Lists
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"width": 15,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-end",
|
|
|
|
"marginRight": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
•
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Open Source"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Open Source
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"width": 15,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-end",
|
|
|
|
"marginRight": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
•
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Rocket.Chat"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Rocket.Chat
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"width": 15,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-end",
|
|
|
|
"marginRight": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
◦
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="nodejs"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
nodejs
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"width": 15,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-end",
|
|
|
|
"marginRight": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
◦
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="ReactNative"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
ReactNative
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Numbered Lists
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"width": 16,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-end",
|
|
|
|
"marginRight": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
1.
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Open Source"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Open Source
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"width": 16,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-end",
|
|
|
|
"marginRight": 5,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
2.
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Rocket.Chat"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
undefined,
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Rocket.Chat
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Emphasis
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="Strong emphasis, aka bold, with "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Strong emphasis, aka bold, with
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="asterisks"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"fontWeight": "bold",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
asterisks
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel=" or "
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
or
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="underscores"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"fontStyle": "italic",
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
underscores
|
|
|
|
</Text>
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 10,
|
|
|
|
"marginVertical": 10,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Table
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 15,
|
|
|
|
}
|
|
|
|
}
|
2020-05-08 16:37:49 +00:00
|
|
|
/>
|
2020-03-04 13:57:07 +00:00
|
|
|
</View>
|
|
|
|
</RCTScrollView>
|
|
|
|
`;
|
|
|
|
|
2020-02-11 14:01:35 +00:00
|
|
|
exports[`Storyshots Message list message 1`] = `
|
2018-09-11 16:32:52 +00:00
|
|
|
<RCTScrollView
|
|
|
|
style={
|
|
|
|
Object {
|
2019-12-04 16:39:53 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2018-09-11 16:32:52 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View>
|
2019-03-27 20:06:57 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-03-27 20:06:57 +00:00
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Simple
|
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Long message
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
2018-09-11 16:32:52 +00:00
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
2018-09-19 14:18:32 +00:00
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Grouped messages
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Without header
|
|
|
|
</Text>
|
2018-09-11 16:32:52 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
With alias
|
2018-09-11 16:32:52 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Edited
|
|
|
|
</Text>
|
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Block Quote
|
|
|
|
</Text>
|
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Lists
|
|
|
|
</Text>
|
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Numerated lists
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2018-09-11 16:32:52 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2020-05-08 16:37:49 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Numerated lists in separated messages
|
|
|
|
</Text>
|
2019-07-17 14:06:39 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-07-17 14:06:39 +00:00
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Static avatar
|
2019-07-17 14:06:39 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Full name
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Mentions
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Emojis
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Single Emoji
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Custom Emojis
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Single Custom Emojis
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Normal Emoji + Custom Emojis
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Four emoji
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Time format
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Reactions
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Multiple reactions
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Intercalated users
|
|
|
|
</Text>
|
2018-09-11 16:32:52 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Date and Unread separators
|
2018-09-11 16:32:52 +00:00
|
|
|
</Text>
|
2018-11-16 11:06:29 +00:00
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
2020-05-08 16:37:49 +00:00
|
|
|
"alignItems": "center",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"marginBottom": 4,
|
|
|
|
"marginHorizontal": 14,
|
|
|
|
"marginTop": 16,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 14,
|
|
|
|
"fontWeight": "500",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#f5455c",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
unread
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
"height": 1,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f5455c",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginHorizontal": 14,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 14,
|
|
|
|
"fontWeight": "500",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#f5455c",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Nov 10, 2017
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "center",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"marginBottom": 4,
|
|
|
|
"marginHorizontal": 14,
|
|
|
|
"marginTop": 16,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 14,
|
|
|
|
"fontWeight": "500",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#f5455c",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginRight": 14,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
unread
|
|
|
|
</Text>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
"height": 1,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#f5455c",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
</View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"alignItems": "center",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"marginBottom": 4,
|
|
|
|
"marginHorizontal": 14,
|
|
|
|
"marginTop": 16,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
"height": 1,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#e1e5e8",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 14,
|
|
|
|
"fontWeight": "500",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#9ca2a8",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginLeft": 14,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
2020-05-08 16:37:49 +00:00
|
|
|
>
|
|
|
|
Nov 10, 2017
|
|
|
|
</Text>
|
2018-11-16 11:06:29 +00:00
|
|
|
</View>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
2018-09-11 16:32:52 +00:00
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
2018-09-19 14:18:32 +00:00
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
With image
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2019-05-03 13:33:38 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-05-03 13:33:38 +00:00
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
2020-05-08 16:37:49 +00:00
|
|
|
>
|
|
|
|
With video
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
With audio
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Message with reply
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
2020-05-08 16:37:49 +00:00
|
|
|
>
|
|
|
|
Message with read receipt
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Message with thread
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2018-09-11 16:32:52 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Sequential thread messages following thread button
|
2018-09-11 16:32:52 +00:00
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
2018-09-11 16:32:52 +00:00
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
2018-09-19 14:18:32 +00:00
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Sequential thread messages following thread reply
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Discussion
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
URL
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Custom fields
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Two short custom fields
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Broadcast
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Archived
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Error
|
|
|
|
</Text>
|
|
|
|
<View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"flexDirection": "column",
|
|
|
|
"paddingHorizontal": 14,
|
|
|
|
"paddingVertical": 4,
|
|
|
|
"width": "100%",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
2020-05-08 16:37:49 +00:00
|
|
|
>
|
2019-02-27 14:47:15 +00:00
|
|
|
<View
|
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Object {
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
2019-02-27 14:47:15 +00:00
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
2020-05-08 16:37:49 +00:00
|
|
|
"borderRadius": 4,
|
|
|
|
"height": 36,
|
|
|
|
"width": 36,
|
2019-02-27 14:47:15 +00:00
|
|
|
},
|
|
|
|
Object {
|
2020-05-08 16:37:49 +00:00
|
|
|
"marginTop": 4,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
"marginLeft": 46,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginLeft": 10,
|
2019-02-27 14:47:15 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Object {
|
|
|
|
"alignItems": "center",
|
|
|
|
"flex": 1,
|
|
|
|
"flexDirection": "row",
|
2019-05-20 20:43:50 +00:00
|
|
|
}
|
2019-02-27 14:47:15 +00:00
|
|
|
}
|
|
|
|
>
|
2019-05-20 20:43:50 +00:00
|
|
|
<Text
|
2019-02-27 14:47:15 +00:00
|
|
|
style={
|
2019-12-04 16:39:53 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
2020-05-08 16:37:49 +00:00
|
|
|
"fontSize": 12,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"lineHeight": 22,
|
|
|
|
"paddingLeft": 10,
|
2019-12-04 16:39:53 +00:00
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#9ca2a8",
|
|
|
|
},
|
|
|
|
]
|
2019-02-27 14:47:15 +00:00
|
|
|
}
|
2019-05-20 20:43:50 +00:00
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
10:00 AM
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
<View>
|
|
|
|
<Text
|
|
|
|
numberOfLines={0}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
undefined,
|
|
|
|
Object {
|
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<Text
|
|
|
|
accessibilityLabel="This message has error"
|
|
|
|
numberOfLines={0}
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
|
|
|
},
|
|
|
|
Array [
|
|
|
|
Object {},
|
|
|
|
Object {
|
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
This message has error
|
|
|
|
</Text>
|
2019-05-20 20:43:50 +00:00
|
|
|
</Text>
|
2019-02-27 14:47:15 +00:00
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
2018-11-16 11:06:29 +00:00
|
|
|
</View>
|
2020-05-08 16:37:49 +00:00
|
|
|
<View>
|
|
|
|
<View
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"flexDirection": "column",
|
|
|
|
"paddingHorizontal": 14,
|
|
|
|
"paddingVertical": 4,
|
|
|
|
"width": "100%",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
2020-05-08 16:37:49 +00:00
|
|
|
>
|
2019-05-20 20:43:50 +00:00
|
|
|
<View
|
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Object {
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
2019-02-27 14:47:15 +00:00
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"flex": 1,
|
|
|
|
"marginLeft": 46,
|
|
|
|
},
|
|
|
|
false,
|
|
|
|
]
|
2019-02-27 14:47:15 +00:00
|
|
|
}
|
|
|
|
>
|
|
|
|
<View
|
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Object {
|
|
|
|
"alignItems": "center",
|
|
|
|
"flex": 1,
|
|
|
|
"flexDirection": "row",
|
|
|
|
}
|
2019-02-27 14:47:15 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2019-02-27 14:47:15 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 12,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"lineHeight": 22,
|
|
|
|
"paddingLeft": 10,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"color": "#9ca2a8",
|
|
|
|
},
|
|
|
|
]
|
2019-02-27 14:47:15 +00:00
|
|
|
}
|
2019-05-20 20:43:50 +00:00
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
10:00 AM
|
|
|
|
</Text>
|
2019-02-27 14:47:15 +00:00
|
|
|
</View>
|
2020-05-08 16:37:49 +00:00
|
|
|
<View>
|
|
|
|
<Text
|
|
|
|
numberOfLines={0}
|
2019-02-27 14:47:15 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
undefined,
|
2019-05-20 20:43:50 +00:00
|
|
|
Object {
|
2020-05-08 16:37:49 +00:00
|
|
|
"color": "#2f343d",
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2019-10-02 12:41:51 +00:00
|
|
|
<Text
|
2020-05-08 16:37:49 +00:00
|
|
|
accessibilityLabel="This message has error too"
|
2019-10-02 12:41:51 +00:00
|
|
|
numberOfLines={0}
|
2019-12-04 16:39:53 +00:00
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
2020-05-08 16:37:49 +00:00
|
|
|
"backgroundColor": "transparent",
|
|
|
|
"fontFamily": "System",
|
|
|
|
"fontSize": 16,
|
|
|
|
"fontWeight": "400",
|
2019-12-04 16:39:53 +00:00
|
|
|
},
|
2019-10-02 12:41:51 +00:00
|
|
|
Array [
|
2020-05-08 16:37:49 +00:00
|
|
|
Object {},
|
2019-10-02 12:41:51 +00:00
|
|
|
Object {
|
2020-05-08 16:37:49 +00:00
|
|
|
"alignItems": "flex-start",
|
|
|
|
"flexDirection": "row",
|
|
|
|
"flexWrap": "wrap",
|
|
|
|
"justifyContent": "flex-start",
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 0,
|
2019-10-02 12:41:51 +00:00
|
|
|
},
|
2020-05-08 16:37:49 +00:00
|
|
|
],
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
This message has error too
|
2019-10-02 12:41:51 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
</Text>
|
2019-09-26 18:16:50 +00:00
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Temp
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Editing
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Removed
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Joined
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Room name changed
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Message pinned
|
|
|
|
</Text>
|
2018-09-11 16:32:52 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Has left the channel
|
2018-09-11 16:32:52 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
User removed
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
User added
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
User muted
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
User unmuted
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
2018-09-11 16:32:52 +00:00
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
2018-09-19 14:18:32 +00:00
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-11 16:32:52 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-11 16:32:52 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Role added
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Role removed
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Changed description
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Changed announcement
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Changed topic
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Changed type
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Custom style
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Markdown emphasis
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Markdown headers
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Markdown links
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Markdown image
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Markdown code
|
|
|
|
</Text>
|
2018-09-19 14:18:32 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2018-09-19 14:18:32 +00:00
|
|
|
Object {
|
2019-03-27 20:06:57 +00:00
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
2018-09-19 14:18:32 +00:00
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Markdown quote
|
2018-09-19 14:18:32 +00:00
|
|
|
</Text>
|
2020-05-08 16:37:49 +00:00
|
|
|
<Text
|
2018-11-16 11:06:29 +00:00
|
|
|
style={
|
2020-05-08 16:37:49 +00:00
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"marginBottom": 0,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
]
|
2018-11-16 11:06:29 +00:00
|
|
|
}
|
|
|
|
>
|
2020-05-08 16:37:49 +00:00
|
|
|
Markdown table
|
|
|
|
</Text>
|
2018-09-11 16:32:52 +00:00
|
|
|
</View>
|
|
|
|
</RCTScrollView>
|
|
|
|
`;
|
2019-03-29 19:36:07 +00:00
|
|
|
|
2020-02-11 14:01:35 +00:00
|
|
|
exports[`Storyshots RoomItem list roomitem 1`] = `
|
2019-12-04 16:39:53 +00:00
|
|
|
<RCTScrollView
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#efeff4",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
2019-03-29 19:36:07 +00:00
|
|
|
<View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-03-29 19:36:07 +00:00
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Basic
|
|
|
|
</Text>
|
|
|
|
View
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-03-29 19:36:07 +00:00
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
User
|
|
|
|
</Text>
|
|
|
|
View
|
|
|
|
View
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-03-29 19:36:07 +00:00
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Type
|
|
|
|
</Text>
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-03-29 19:36:07 +00:00
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Alerts
|
|
|
|
</Text>
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
2019-04-18 20:57:35 +00:00
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
2019-03-29 19:36:07 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
2019-12-04 16:39:53 +00:00
|
|
|
Object {
|
2020-02-11 14:01:35 +00:00
|
|
|
"backgroundColor": "#ffffff",
|
2019-12-04 16:39:53 +00:00
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
2019-03-29 19:36:07 +00:00
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Last Message
|
|
|
|
</Text>
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
View
|
|
|
|
</View>
|
|
|
|
</RCTScrollView>
|
|
|
|
`;
|
2020-02-11 14:01:35 +00:00
|
|
|
|
|
|
|
exports[`Storyshots UiKitMessage list uikitmessage 1`] = `
|
|
|
|
<RCTSafeAreaView
|
|
|
|
emulateUnlessSupported={true}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#fff",
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<RCTScrollView
|
|
|
|
keyboardShouldPersistTaps="always"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#fff",
|
|
|
|
"flex": 1,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"paddingHorizontal": 16,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section
|
|
|
|
</Text>
|
2020-05-18 16:25:13 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section + Markdown List
|
|
|
|
</Text>
|
2020-02-11 14:01:35 +00:00
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section + Overflow
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section + image
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section + button
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section + Select
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section + DatePicker
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Section + Multi Select
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Image
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Context
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Action - Buttons
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Fields
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Action - Select
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</RCTScrollView>
|
|
|
|
</RCTSafeAreaView>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`Storyshots UiKitModal list UiKitModal 1`] = `
|
|
|
|
<RCTSafeAreaView
|
|
|
|
emulateUnlessSupported={true}
|
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#fff",
|
|
|
|
"flex": 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<RCTScrollView
|
|
|
|
keyboardShouldPersistTaps="always"
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#fff",
|
|
|
|
"flex": 1,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"paddingHorizontal": 16,
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
<View>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Section and Selects
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Section Accessories
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Form Input
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Form TextArea
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Images
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Actions
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Contexts and Dividers
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Input with error
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - Multilne with error
|
|
|
|
</Text>
|
|
|
|
<Text
|
|
|
|
style={
|
|
|
|
Array [
|
|
|
|
Object {
|
|
|
|
"fontSize": 20,
|
|
|
|
"fontWeight": "300",
|
|
|
|
"marginLeft": 10,
|
|
|
|
"marginTop": 30,
|
|
|
|
},
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#ffffff",
|
|
|
|
"color": "#0d0e12",
|
|
|
|
},
|
|
|
|
undefined,
|
|
|
|
]
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Modal - DatePicker with error
|
|
|
|
</Text>
|
|
|
|
</View>
|
|
|
|
</RCTScrollView>
|
|
|
|
</RCTSafeAreaView>
|
|
|
|
`;
|