initialSelectedIndex bug fixed, scrollToInitialPosition function added

Author: sosog

README.md

@@ -90,7 +90,7 @@ export default class Example extends React.Component {
 | onScrollBeginDrag     |      -       |  `func` | Returns selected item object and selected index  |
 | onScrollEndDrag     |      -       |  `func` | Returns selected item object and selected index  |
 | initialSelectedIndex          |        0        | `number` | Set index number of initial item.                                                                              |
-| transparentItemRows   |     2      |  `number`  | Set number of items at top and bottom of selected index.                                                                |
+| transparentItemRows   |     3      |  `number`  | Set number of items at top and bottom of selected index.                                                                |
 | width   |     300      |  `number`  | -                                                                |
 | height   |     300      |  `number`  | -                                                                |
 | allItemsColor          |      #000       |  `string`  | - |

package.json

@@ -32,6 +32,7 @@
   "license": "MIT",
   "dependencies": {
     "prop-types": "^15.7.2",
+    "react-native-dynamically-selected-picker": "^2.0.0",
     "react-native-linear-gradient": "^2.5.6"
   }
 }

src/DynamicallySelectedPicker.js

@@ -20,6 +20,12 @@ export default class DynamicallySelectedPicker extends React.Component {
     };
   }
 
+  scrollToInitialPosition = () => {
+    this.scrollViewRef.scrollTo({
+      y: this.state.itemHeight * this.props.initialSelectedIndex,
+    });
+  };
+
   fakeItems(n = 3) {
     const itemsArr = [];
     for (let i = 0; i < n; i++) {
@@ -125,6 +131,10 @@ export default class DynamicallySelectedPicker extends React.Component {
     return (
       <View style={{height: height, width: width}}>
         <ScrollView
+          ref={(ref) => {
+            this.scrollViewRef = ref;
+          }}
+          onLayout={this.scrollToInitialPosition}
           showsVerticalScrollIndicator={false}
           showsHorizontalScrollIndicator={false}
           onMomentumScrollBegin={(event) => {