1171 lines
27 KiB
Plaintext
1171 lines
27 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`render channel 1`] = `
|
|
<View>
|
|
<View
|
|
accessibilityLabel="general, last message Nov 10"
|
|
accessibilityTraits="selected"
|
|
accessible={true}
|
|
isTVSelectable={true}
|
|
onResponderGrant={[Function]}
|
|
onResponderMove={[Function]}
|
|
onResponderRelease={[Function]}
|
|
onResponderTerminate={[Function]}
|
|
onResponderTerminationRequest={[Function]}
|
|
onStartShouldSetResponder={[Function]}
|
|
style={null}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"borderBottomColor": "#ddd",
|
|
"borderBottomWidth": 0.5,
|
|
"flexDirection": "row",
|
|
"paddingHorizontal": 16,
|
|
"paddingVertical": 12,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"justifyContent": "center",
|
|
},
|
|
Object {
|
|
"backgroundColor": "#00BCD4",
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#ffffff",
|
|
},
|
|
Object {
|
|
"fontSize": 28.75,
|
|
"fontWeight": "800",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
G
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"flex": 1,
|
|
"height": "100%",
|
|
"marginLeft": 16,
|
|
"marginRight": 4,
|
|
}
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": undefined,
|
|
"fontSize": 15,
|
|
},
|
|
Object {
|
|
"marginRight": 5,
|
|
"marginTop": 3,
|
|
},
|
|
Object {
|
|
"fontFamily": "Material Design Icons",
|
|
"fontStyle": "normal",
|
|
"fontWeight": "normal",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#444",
|
|
"flex": 1,
|
|
"fontSize": 18,
|
|
"marginRight": 8,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
general
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"color": "#888",
|
|
"fontSize": 10,
|
|
"justifyContent": "center",
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
Nov 10
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
}
|
|
}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
`;
|
|
|
|
exports[`render no icon 1`] = `
|
|
<View>
|
|
<View
|
|
accessibilityLabel="name, last message Nov 10"
|
|
accessibilityTraits="selected"
|
|
accessible={true}
|
|
isTVSelectable={true}
|
|
onResponderGrant={[Function]}
|
|
onResponderMove={[Function]}
|
|
onResponderRelease={[Function]}
|
|
onResponderTerminate={[Function]}
|
|
onResponderTerminationRequest={[Function]}
|
|
onStartShouldSetResponder={[Function]}
|
|
style={null}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"borderBottomColor": "#ddd",
|
|
"borderBottomWidth": 0.5,
|
|
"flexDirection": "row",
|
|
"paddingHorizontal": 16,
|
|
"paddingVertical": 12,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"justifyContent": "center",
|
|
},
|
|
Object {
|
|
"backgroundColor": "#3F51B5",
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#ffffff",
|
|
},
|
|
Object {
|
|
"fontSize": 28.75,
|
|
"fontWeight": "800",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
N
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"flex": 1,
|
|
"height": "100%",
|
|
"marginLeft": 16,
|
|
"marginRight": 4,
|
|
}
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": undefined,
|
|
"fontSize": 15,
|
|
},
|
|
Object {
|
|
"marginRight": 5,
|
|
"marginTop": 3,
|
|
},
|
|
Object {
|
|
"fontFamily": "Material Design Icons",
|
|
"fontStyle": "normal",
|
|
"fontWeight": "normal",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#444",
|
|
"flex": 1,
|
|
"fontSize": 18,
|
|
"marginRight": 8,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
name
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"color": "#888",
|
|
"fontSize": 10,
|
|
"justifyContent": "center",
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
Nov 10
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
}
|
|
}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
`;
|
|
|
|
exports[`render private group 1`] = `
|
|
<View>
|
|
<View
|
|
accessibilityLabel="private-group, last message Nov 10"
|
|
accessibilityTraits="selected"
|
|
accessible={true}
|
|
isTVSelectable={true}
|
|
onResponderGrant={[Function]}
|
|
onResponderMove={[Function]}
|
|
onResponderRelease={[Function]}
|
|
onResponderTerminate={[Function]}
|
|
onResponderTerminationRequest={[Function]}
|
|
onStartShouldSetResponder={[Function]}
|
|
style={null}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"borderBottomColor": "#ddd",
|
|
"borderBottomWidth": 0.5,
|
|
"flexDirection": "row",
|
|
"paddingHorizontal": 16,
|
|
"paddingVertical": 12,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"justifyContent": "center",
|
|
},
|
|
Object {
|
|
"backgroundColor": "#FF9800",
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#ffffff",
|
|
},
|
|
Object {
|
|
"fontSize": 28.75,
|
|
"fontWeight": "800",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
P
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"flex": 1,
|
|
"height": "100%",
|
|
"marginLeft": 16,
|
|
"marginRight": 4,
|
|
}
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": undefined,
|
|
"fontSize": 15,
|
|
},
|
|
Object {
|
|
"marginRight": 5,
|
|
"marginTop": 3,
|
|
},
|
|
Object {
|
|
"fontFamily": "Material Design Icons",
|
|
"fontStyle": "normal",
|
|
"fontWeight": "normal",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#444",
|
|
"flex": 1,
|
|
"fontSize": 18,
|
|
"marginRight": 8,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
private-group
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"color": "#888",
|
|
"fontSize": 10,
|
|
"justifyContent": "center",
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
Nov 10
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
}
|
|
}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
|
|
</View>
|
|
`;
|
|
|
|
exports[`render unread +999 1`] = `
|
|
<View>
|
|
<View
|
|
accessibilityLabel="name, 1000 alerts, last message Nov 10"
|
|
accessibilityTraits="selected"
|
|
accessible={true}
|
|
isTVSelectable={true}
|
|
onResponderGrant={[Function]}
|
|
onResponderMove={[Function]}
|
|
onResponderRelease={[Function]}
|
|
onResponderTerminate={[Function]}
|
|
onResponderTerminationRequest={[Function]}
|
|
onStartShouldSetResponder={[Function]}
|
|
style={null}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"borderBottomColor": "#ddd",
|
|
"borderBottomWidth": 0.5,
|
|
"flexDirection": "row",
|
|
"paddingHorizontal": 16,
|
|
"paddingVertical": 12,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"justifyContent": "center",
|
|
},
|
|
Object {
|
|
"backgroundColor": "#3F51B5",
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#ffffff",
|
|
},
|
|
Object {
|
|
"fontSize": 28.75,
|
|
"fontWeight": "800",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
N
|
|
</Text>
|
|
<View
|
|
style={
|
|
Array [
|
|
Array [
|
|
Object {
|
|
"position": "absolute",
|
|
},
|
|
Object {
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
],
|
|
Object {
|
|
"overflow": "hidden",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
<FastImageView
|
|
resizeMode="cover"
|
|
source={
|
|
Object {
|
|
"priority": "high",
|
|
"uri": "/avatar/name",
|
|
}
|
|
}
|
|
style={
|
|
Object {
|
|
"bottom": 0,
|
|
"left": 0,
|
|
"position": "absolute",
|
|
"right": 0,
|
|
"top": 0,
|
|
}
|
|
}
|
|
/>
|
|
</View>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"borderRadius": 16,
|
|
"height": 16,
|
|
"width": 16,
|
|
},
|
|
Array [
|
|
Object {
|
|
"borderColor": "#fff",
|
|
"borderWidth": 3,
|
|
"bottom": -3,
|
|
"position": "absolute",
|
|
"right": -3,
|
|
},
|
|
undefined,
|
|
],
|
|
Object {
|
|
"backgroundColor": undefined,
|
|
},
|
|
]
|
|
}
|
|
/>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"flex": 1,
|
|
"height": "100%",
|
|
"marginLeft": 16,
|
|
"marginRight": 4,
|
|
}
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": undefined,
|
|
"fontSize": 15,
|
|
},
|
|
Object {
|
|
"marginRight": 5,
|
|
"marginTop": 3,
|
|
},
|
|
Object {
|
|
"fontFamily": "Material Design Icons",
|
|
"fontStyle": "normal",
|
|
"fontWeight": "normal",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#444",
|
|
"flex": 1,
|
|
"fontSize": 18,
|
|
"marginRight": 8,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
name
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"color": "#888",
|
|
"fontSize": 10,
|
|
"justifyContent": "center",
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
Nov 10
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"backgroundColor": "#1d74f5",
|
|
"borderRadius": 4,
|
|
"color": "#fff",
|
|
"fontSize": 14,
|
|
"justifyContent": "center",
|
|
"minWidth": 25,
|
|
"overflow": "hidden",
|
|
"paddingHorizontal": 5,
|
|
"paddingVertical": 4,
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
999+
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
`;
|
|
|
|
exports[`render unread 1`] = `
|
|
<View>
|
|
<View
|
|
accessibilityLabel="name, 1 alert, last message Nov 10"
|
|
accessibilityTraits="selected"
|
|
accessible={true}
|
|
isTVSelectable={true}
|
|
onResponderGrant={[Function]}
|
|
onResponderMove={[Function]}
|
|
onResponderRelease={[Function]}
|
|
onResponderTerminate={[Function]}
|
|
onResponderTerminationRequest={[Function]}
|
|
onStartShouldSetResponder={[Function]}
|
|
style={null}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"borderBottomColor": "#ddd",
|
|
"borderBottomWidth": 0.5,
|
|
"flexDirection": "row",
|
|
"paddingHorizontal": 16,
|
|
"paddingVertical": 12,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"justifyContent": "center",
|
|
},
|
|
Object {
|
|
"backgroundColor": "#3F51B5",
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#ffffff",
|
|
},
|
|
Object {
|
|
"fontSize": 28.75,
|
|
"fontWeight": "800",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
N
|
|
</Text>
|
|
<View
|
|
style={
|
|
Array [
|
|
Array [
|
|
Object {
|
|
"position": "absolute",
|
|
},
|
|
Object {
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
],
|
|
Object {
|
|
"overflow": "hidden",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
<FastImageView
|
|
resizeMode="cover"
|
|
source={
|
|
Object {
|
|
"priority": "high",
|
|
"uri": "/avatar/name",
|
|
}
|
|
}
|
|
style={
|
|
Object {
|
|
"bottom": 0,
|
|
"left": 0,
|
|
"position": "absolute",
|
|
"right": 0,
|
|
"top": 0,
|
|
}
|
|
}
|
|
/>
|
|
</View>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"borderRadius": 16,
|
|
"height": 16,
|
|
"width": 16,
|
|
},
|
|
Array [
|
|
Object {
|
|
"borderColor": "#fff",
|
|
"borderWidth": 3,
|
|
"bottom": -3,
|
|
"position": "absolute",
|
|
"right": -3,
|
|
},
|
|
undefined,
|
|
],
|
|
Object {
|
|
"backgroundColor": undefined,
|
|
},
|
|
]
|
|
}
|
|
/>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"flex": 1,
|
|
"height": "100%",
|
|
"marginLeft": 16,
|
|
"marginRight": 4,
|
|
}
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": undefined,
|
|
"fontSize": 15,
|
|
},
|
|
Object {
|
|
"marginRight": 5,
|
|
"marginTop": 3,
|
|
},
|
|
Object {
|
|
"fontFamily": "Material Design Icons",
|
|
"fontStyle": "normal",
|
|
"fontWeight": "normal",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#444",
|
|
"flex": 1,
|
|
"fontSize": 18,
|
|
"marginRight": 8,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
name
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"color": "#888",
|
|
"fontSize": 10,
|
|
"justifyContent": "center",
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
Nov 10
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"backgroundColor": "#1d74f5",
|
|
"borderRadius": 4,
|
|
"color": "#fff",
|
|
"fontSize": 14,
|
|
"justifyContent": "center",
|
|
"minWidth": 25,
|
|
"overflow": "hidden",
|
|
"paddingHorizontal": 5,
|
|
"paddingVertical": 4,
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
1
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
`;
|
|
|
|
exports[`renders correctly 1`] = `
|
|
<View>
|
|
<View
|
|
accessibilityLabel="name, last message Nov 10"
|
|
accessibilityTraits="selected"
|
|
accessible={true}
|
|
isTVSelectable={true}
|
|
onResponderGrant={[Function]}
|
|
onResponderMove={[Function]}
|
|
onResponderRelease={[Function]}
|
|
onResponderTerminate={[Function]}
|
|
onResponderTerminationRequest={[Function]}
|
|
onStartShouldSetResponder={[Function]}
|
|
style={null}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"borderBottomColor": "#ddd",
|
|
"borderBottomWidth": 0.5,
|
|
"flexDirection": "row",
|
|
"paddingHorizontal": 16,
|
|
"paddingVertical": 12,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"justifyContent": "center",
|
|
},
|
|
Object {
|
|
"backgroundColor": "#3F51B5",
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#ffffff",
|
|
},
|
|
Object {
|
|
"fontSize": 28.75,
|
|
"fontWeight": "800",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
N
|
|
</Text>
|
|
<View
|
|
style={
|
|
Array [
|
|
Array [
|
|
Object {
|
|
"position": "absolute",
|
|
},
|
|
Object {
|
|
"borderRadius": 2,
|
|
"height": 46,
|
|
"width": 46,
|
|
},
|
|
],
|
|
Object {
|
|
"overflow": "hidden",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
<FastImageView
|
|
resizeMode="cover"
|
|
source={
|
|
Object {
|
|
"priority": "high",
|
|
"uri": "/avatar/name",
|
|
}
|
|
}
|
|
style={
|
|
Object {
|
|
"bottom": 0,
|
|
"left": 0,
|
|
"position": "absolute",
|
|
"right": 0,
|
|
"top": 0,
|
|
}
|
|
}
|
|
/>
|
|
</View>
|
|
<View
|
|
style={
|
|
Array [
|
|
Object {
|
|
"borderRadius": 16,
|
|
"height": 16,
|
|
"width": 16,
|
|
},
|
|
Array [
|
|
Object {
|
|
"borderColor": "#fff",
|
|
"borderWidth": 3,
|
|
"bottom": -3,
|
|
"position": "absolute",
|
|
"right": -3,
|
|
},
|
|
undefined,
|
|
],
|
|
Object {
|
|
"backgroundColor": undefined,
|
|
},
|
|
]
|
|
}
|
|
/>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"flex": 1,
|
|
"height": "100%",
|
|
"marginLeft": 16,
|
|
"marginRight": 4,
|
|
}
|
|
}
|
|
>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<Text
|
|
allowFontScaling={false}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": undefined,
|
|
"fontSize": 15,
|
|
},
|
|
Object {
|
|
"marginRight": 5,
|
|
"marginTop": 3,
|
|
},
|
|
Object {
|
|
"fontFamily": "Material Design Icons",
|
|
"fontStyle": "normal",
|
|
"fontWeight": "normal",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"color": "#444",
|
|
"flex": 1,
|
|
"fontSize": 18,
|
|
"marginRight": 8,
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
name
|
|
</Text>
|
|
<Text
|
|
ellipsizeMode="tail"
|
|
numberOfLines={1}
|
|
style={
|
|
Array [
|
|
Object {
|
|
"alignItems": "center",
|
|
"color": "#888",
|
|
"fontSize": 10,
|
|
"justifyContent": "center",
|
|
},
|
|
undefined,
|
|
]
|
|
}
|
|
>
|
|
Nov 10
|
|
</Text>
|
|
</View>
|
|
<View
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"flex": 1,
|
|
"flexDirection": "row",
|
|
}
|
|
}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
`;
|