initialScrollToIndex does not work when input data size is reduced

Following code works fine

const petTypes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

export default class Example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selected: 5
    };
  }

  onPetChange = index => {
    this.setState({
        selected: index
    });
  };

  render() {
    return (
      <SmoothPicker
        style={{ marginTop: 300 }}
        horizontal
        initialScrollToIndex={this.state.selected}
        keyExtractor={(_, index) => index.toString()}
        ref={ref => (this.refPetList = ref)}
        showsHorizontalScrollIndicator={false}
        bounces={true}
        magnet={true}
        scrollAnimation
        data={petTypes}
        onSelected={({ item, index }) => this.onPetChange(index)}
        renderItem={({ item, index }) => {
          return this.petPickerItem(index, item);
        }}
      />
    );
  }

  petPickerItem = (index, item) => {
    return <Text style={this.state.selected === index?{color:"red"}:{color: "#000000"}}>{index}</Text>;
  };
}

Result for the above code

When the input array is reduced by one value to the following const petTypes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

Following is the result

[Rahulzz]

Nope, I haven’t. I actually quit working on that project. I am sorry.

On Tue, Nov 26, 2019, 10:55 PM Brian Rubio [e-mail] wrote:

Did you find a workaround for this ?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/rdhox/react-native-smooth-picker/issues/14?email_source=notifications&email_token=AE2JVTLRXIWI7HXENFEOYVTQVVLXXA5CNFSM4ISG4IT2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEFGZ2DY#issuecomment-558734607, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE2JVTOXEXQRPXDBKNZKJQLQVVLXXANCNFSM4ISG4ITQ .

[Brianop]

Did you find a workaround for this ?