ayushnawani/react-native-alphabetflatlist

A Flatlist with alphabet sidebar.

react-native-alphabetflatlist's Issues

Not working in iPad, Flatlist items are not displayed in alphabet order

Local JSON

Do you have any ideas how to make this work with importing local json file?

Sample format :

[
   {
      "name":"Afghanistan",
      "flag":"🇦🇫",
      "code":"AF",
      "dial_code":"+93"
   },
   {
      "name":"Åland Islands",
      "flag":"🇦🇽",
      "code":"AX",
      "dial_code":"+358"
   }
]

when we click on the right side alphabet, the flatlist scrolls with the matchIndex+2 position.

Objects are not valid as a React Child

Hey,

I'm trying to support object rather than single value but there is a problem with the array.

https://pastebin.com/P3pR4ds4

error image

Support of Object Type

Can support Object rather than single value ?
For Example
Object.label used for display on the flatlist
Object.id is the key

Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`

It seems like the wrong type is being used here as CellRenderer expects a string but a number is being sent instead. I've been able to track the issue down to line 161 of index.js (https://github.com/ayushnawani/react-native-alphabetflatlist/blob/master/index.js#L161)

This error applies for the right side Alphabet FlatList keyExtractor so it can't be overwritten. It looks like there are two options to fix this:

1. Instead of using

alphabetKeyExtractor = (item, index) => index

we could use

alphabetKeyExtractor = (item, index) => index.toString()

2. Allow people to overwrite the the Alphabet Flatlist keyExtractor.

I think it makes more sense to apply fix # 1 since the right side Alphabet FlatList is controlled, mainly, by the library.

What are your thoughts on this?