fix: fix badge border radius on iOS

This commit is contained in:
Satyajit Sahoo
2019-01-23 10:57:15 +01:00
parent e55f6cc205
commit 83f61585e8
3 changed files with 34 additions and 0 deletions

View File

@@ -112,5 +112,6 @@ const styles = StyleSheet.create({
textAlign: 'center',
textAlignVertical: 'center',
paddingHorizontal: 4,
overflow: 'hidden',
},
});

View File

@@ -15,6 +15,7 @@ exports[`renders badge 1`] = `
"lineHeight": 20,
"minWidth": 20,
"opacity": 1,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -38,6 +39,7 @@ exports[`renders badge as hidden 1`] = `
"lineHeight": 12,
"minWidth": 12,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -63,6 +65,7 @@ exports[`renders badge in different color 1`] = `
"lineHeight": 20,
"minWidth": 20,
"opacity": 1,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -88,6 +91,7 @@ exports[`renders badge in different size 1`] = `
"lineHeight": 12,
"minWidth": 12,
"opacity": 1,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -113,6 +117,7 @@ exports[`renders badge with content 1`] = `
"lineHeight": 20,
"minWidth": 20,
"opacity": 1,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",

View File

@@ -270,6 +270,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -454,6 +455,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -638,6 +640,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -952,6 +955,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -1136,6 +1140,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -1320,6 +1325,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -1556,6 +1562,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -1720,6 +1727,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -1884,6 +1892,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -2178,6 +2187,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -2326,6 +2336,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -2474,6 +2485,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -2622,6 +2634,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -2770,6 +2783,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -3086,6 +3100,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -3342,6 +3357,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -3598,6 +3614,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -3984,6 +4001,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -4207,6 +4225,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -4430,6 +4449,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -4763,6 +4783,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -5019,6 +5040,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -5275,6 +5297,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -5661,6 +5684,7 @@ exports[`renders shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -5884,6 +5908,7 @@ exports[`renders shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -6107,6 +6132,7 @@ exports[`renders shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -6330,6 +6356,7 @@ exports[`renders shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",
@@ -6553,6 +6580,7 @@ exports[`renders shifting bottom navigation 1`] = `
"lineHeight": 16,
"minWidth": 16,
"opacity": 0,
"overflow": "hidden",
"paddingHorizontal": 4,
"textAlign": "center",
"textAlignVertical": "center",