react-native-ui-lib/src/components/tabController/apis/tabController.api.json

<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

{
  "name": "TabController",
  "category": "layoutsAndTemplates",
  "description": "A performant solution for a tab controller with lazy load mechanism",
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TabControllerScreen/index.tsx",
  "note": "This component is based on react-native-gesture-handler.\nOn Android, when using react-native-navigation, make sure to wrap your screen with gestureHandlerRootHOC",
  "images": [],
  "props": [
    {"name": "items", "type": "TabControllerItemProps[]", "description": "The list of tab bar items"},
    {"name": "initialIndex", "type": "number", "description": "Initial selected index", "default": "0"},
    {"name": "selectedIndex", "type": "number", "description": "The current selected index", "deprecated": true},
    {
      "name": "onChangeIndex",
      "type": "(index: number, prevIndex: number | null) => void",
      "description": "Callback for when index has change (will not be called on ignored items)"
    },
    {
      "name": "asCarousel",
      "type": "boolean",
      "description": "When using TabController.PageCarousel this should be turned on",
      "default": "false"
    },
    {"name": "carouselPageWidth;", "type": "number", "description": "Pass for custom carousel page width"}
  ]
}