Getting the `index` of `renderListItem`

[vozaldi]

Hello,

I have successfully rendering custom ListItem in my dropdown picker, however I couldn't find a way to get the index of each item. How can I achieve something like [].map((props, index) => ...) by using renderListItem prop?

<DropDownPicker
  items={[{ label: 'First', value: 1 }, { label: 'Second', value: 2 }]}
  ...
  renderListItem={(props) => (
    <Pressable>
      <Text>{`_(index + 1)_. ${props.label}`}</Text>
    </Pressable>
  )}
/>

Wanted result in the list:

1. First
2. Second

Thank you for the help!