hub / github.com/ayushnawani/react-native-alphabetflatlist
github.com/ayushnawani/react-native-alphabetflatlist @v1.0.5
Chat with this repo
6 symbols
12 edges
3 files
0 documented · 0%
● updated 7y agov1.0.5 · 2018-12-01★ 38
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
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 | Description |
|---|---|---|---|---|
| data | array | YES | Expects array of strings. If you are passing array of objects then also use matchFieldName prop. | |
| renderItem | function | YES | ||
| keyExtractor | function | (item, index) => index.toString() | ||
| viewabilityConfig | object | { itemVisiblePercentThreshold: 50 } | ||
| getItemLayout | function | YES | ||
| mainFlatListContainerStyle | object | {} | ||
| alphabetListProps | object | { |
alphabetListContainerStyle: {},
alphabetButtonStyle: {},
selectedAlphabetButtonStyle: {},
alphabetTextStyle: {},
selectedAlphabetTextStyle: {}
} | | | matchFieldName | string | false | | If data array contains object then pass a field name whose value you want to show on main list. See Issue #2. |
Core symbols most depended-on inside this repo
constructorcalled by 0
index.js
render
called by 0
index.js
constructor
called by 0
example/AlphabetFlatListExample.js
Shape
Languages
TypeScript100%
Modules by API surface
index.js4 symbols
example/AlphabetFlatListExample.js2 symbols
For agents
$ claude mcp add react-native-alphabetflatlist \
-- python -m otcore.mcp_server <graph>