react-native-ui-lib/src/incubator/WheelPicker/wheelPicker.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": "WheelPicker",
  "category": "incubator",
  "description": "A customizable WheelPicker component",
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/WheelPickerScreen.tsx",
  "images": [],
  "props": [
    {"name": "initialValue", "type": "number | string", "description": "Initial value (uncontrolled)"},
    {"name": "items", "type": "WheelPickerItemProps[]", "description": "Data source for WheelPicker"},
    {"name": "itemHeight", "type": "number", "description": "Height of each item in the WheelPicker", "default": "44"},
    {"name": "numberOfVisibleRows", "type": "number", "description": "Number of rows visible", "default": "5"},
    {"name": "activeTextColor", "type": "string", "description": "Text color for the focused row"},
    {"name": "inactiveTextColor", "type": "string", "description": "Text color for other, non-focused rows"},
    {"name": "textStyle", "type": "TextStyle", "description": "Row text custom style"},
    {"name": "label", "type": "string", "description": "Additional label to render next to the items text"},
    {"name": "labelStyle", "type": "TextStyle", "description": "Additional label's style"},
    {"name": "labelProps", "type": "TextProps", "description": "Additional label's props"},
    {
      "name": "onChange",
      "type": "(item: string | number, index: number) => void",
      "description": "Change item event callback"
    },
    {
      "name": "style",
      "type": "ViewStyle",
      "description": "Container's custom style",
      "note": "height is computed according to itemHeight * numberOfVisibleRows"
    },
    {
      "name": "align",
      "type": "WheelPickerAlign",
      "description": "Align the content to center, right ot left",
      "default": "center"
    },
    {"name": "testID", "type": "string", "description": "Align the content to center, right ot left"}
  ]
}