Picker default value

For anyone interested

In order to start the picker with the default value you should find the key of that value something like const defaultKey = _.findIndex(values, v => v.value === defaultValue);

and then pass it down to the withDecay function and use it like

const state = {
        finished: new Value(0), 
        position: new Value(-ITEM_HEIGHT * defaultKey),
        time: new Value(0),
        frameTime: new Value(0)
    };

here

https://github.com/wcandillon/can-it-be-done-in-react-native/blob/8cee8ef306b0d7c3e26fee30c87ae7fe277c68d9/the-10-min/src/Picker/AnimationHelpers.tsx#L44

[spyr0s]

@wcandillon I would love to see the example using a flatlist for displaying the values because mapping over them is too slow and we probably (if we’re using it for displaying years) we will have over 80-90 values

[minhthien309]

The example was updated to have the default value. @spyr0s your solution seems good too 😃

I’ve set defaultValue but it’s not working. It always return 1986

const start = 1900;
const values = new Array(new Date().getFullYear() - start + 1)
.fill(0)
.map((_, i) => {
      const value = start + i;
      return value;
})
.reverse();

const defaultValue = 1990 - start; //or any different value

return(
     <Picker {...{ values, defaultValue }} />
);