fix wheelpicker in android (#2558)

* fix wheelpicker in android

* Removed initialNumToRender, removed style

* removed itemLength variable

* opt-out

* added flatListProps to wheelPicker.api

* added note to the api.json file

* refactor the nore

* fixed note

* minor fix

Author: adids1221

src/components/WheelPicker/index.tsx

@@ -146,6 +146,13 @@ const WheelPicker = ({
   const prevIndex = useRef(currentIndex);
   const [flatListWidth, setFlatListWidth] = useState(0);
   const keyExtractor = useCallback((item: ItemProps, index: number) => `${item}.${index}`, []);
+  const androidFlatListProps = useMemo(() => {
+    if (Constants.isAndroid) {
+      return {
+        maxToRenderPerBatch: items.length
+      };
+    }
+  }, [items]);
 
   useEffect(() => {
     // This effect making sure to reset index if initialValue has changed
@@ -323,6 +330,7 @@ const WheelPicker = ({
       <View row centerH>
         <View flexG>
           <AnimatedFlatList
+            {...androidFlatListProps}
             {...flatListProps}
             testID={`${testID}.list`}
             listKey={`${testID}.flatList`}

src/components/WheelPicker/wheelPicker.api.json

@@ -2,6 +2,7 @@
   "name": "WheelPicker",
   "category": "form",
   "description": "A customizable WheelPicker component",
+  "note": "When using Android by default the FlatList will have <code>maxToRenderPerBatch</code> prop set to <code>items.length</code> to solve FlatList bug on Android, you can override it by passing your own <code>flatListProps</code> with <code>maxToRenderPerBatch</code> prop.<br/>See the RN FlatList issue for more info: https://github.com/facebook/react-native/issues/15990",
   "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/WheelPickerScreen.tsx",
   "images": [],
   "props": [
@@ -33,7 +34,12 @@
       "default": "center"
     },
     {"name": "separatorsStyle", "type": "ViewStyle", "description": "Extra style for the separators"},
-    {"name": "testID", "type": "string", "description": "test identifier"}
+    {"name": "testID", "type": "string", "description": "test identifier"},
+    {
+      "name": "flatListProps",
+      "type": "FlatListProps",
+      "description": "Props to be sent to the FlatList."
+    }
   ],
   "snippet": [
     "<WheelPicker",