title: Custom Scroll-Picker Functionality in React-Native
body: <p>I want to create a custom Picker component, with the same functionality as the <a href="https://developer.apple.com/design/human-interface-guidelines/ios/controls/pickers/" rel="nofollow noreferrer">iOS Picker</a>. The problem is that I want a completely different UI, basically a horizontal scrollview with two methods of input: </p>
  
  <p>First one is easy, clicking one item results in that item being selected. The second way of inputting should be by scrolling, where the center one gets selected (like the iOS Picker). That's where I'm stuck.</p>
  
  <p>While planing, I thought about using <a href="https://github.com/archriss/react-native-snap-carousel" rel="nofollow noreferrer">react-native-snap-carousel</a>, my problem with that is that it needs a fixed itemWidth, which isn't suitable for text as the elements.</p>
  
  <p>I also thought about somehow enabling snapping for my List, but that seems only to be possible with <code>pagingEnabled = true</code>, which isn't suitable for my use case.</p>
  
  <p>What else could I try?</p>
  
  <p>Thank's to anyone who is willing to help!</p>