react-native-alphabetflatlist

A Flatlist with alphabet sidebar.

Usage

    import AlphabetFlatList from 'react-native-flatlist'

    /* inside your render function */
    <AlphabetFlatList
        renderItem={this.renderItem}
        data={names}
        getItemLayout={this.getItemLayout}
        />

Example

Please check the example folder.

Props

You can use all the props provided by FlatList.

Name	Type	Default	Required
data	array		YES
renderItem	function		YES
keyExtractor	function	(item, index) => index
viewabilityConfig	object	{ itemVisiblePercentThreshold: 50 }
getItemLayout	function		YES
mainFlatListContainerStyle	object	{}
alphabetListProps	object	{  alphabetListContainerStyle: {},  alphabetButtonStyle: {},  selectedAlphabetButtonStyle: {},  alphabetTextStyle: {},  selectedAlphabetTextStyle: {} }