react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
29 lines (28 loc) • 2.2 kB
JSON
{
"name": "TabController.TabBar",
"category": "layoutsAndTemplates",
"description": "TabController's TabBar component",
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TabControllerScreen/index.tsx",
"images": [],
"props": [
{"name": "height", "type": "number", "description": "Tab Bar height", "default": "48"},
{"name": "enableShadow", "type": "boolean", "description": "Show Tab Bar bottom shadow"},
{"name": "shadowStyle", "type": "ViewStyle", "description": "Custom shadow style"},
{"name": "indicatorStyle", "type": "ViewStyle", "description": "Custom style for the selected indicator"},
{"name": "labelStyle", "type": "TextStyle", "description": "Custom label style"},
{"name": "selectedLabelStyle", "type": "TextStyle", "description": "Custom selected label style"},
{"name": "labelColor", "type": "string", "description": "The default label color"},
{"name": "selectedLabelColor", "type": "string", "description": "The selected label color"},
{"name": "uppercase", "type": "boolean", "description": "Whether to change the text to uppercase"},
{"name": "iconColor", "type": "string", "description": "Icon tint color"},
{"name": "selectedIconColor", "type": "string", "description": "Icon selected tint color"},
{"name": "activeBackgroundColor", "type": "string", "description": "Apply background color on press for tab item"},
{"name": "backgroundColor", "type": "string", "description": "The TabBar background Color", "default": "Colors.white"},
{"name": "containerWidth", "type": "number", "description": "The TabBar container width"},
{"name": "centerSelected", "type": "boolean", "description": "Pass to center selected item"},
{"name": "spreadItems", "type": "boolean", "description": "Whether the tabBar should be spread", "default": "true"},
{"name": "indicatorInsets", "type": "number", "description": "The indicator insets", "default": "Spacings.s4"},
{"name": "containerStyle", "type": "ViewStyle", "description": "Additional styles for the container"},
{"name": "testID", "type": "string", "description": "The component test id"}
]
}