npmpackage.info

Gathering detailed insights and metrics for @bam.tech/react-native-section-list-get-item-layout

@bam.tech/react-native-section-list-get-item-layout - 2.0.0 | npmpackage.info

@bam.tech/react-native-section-list-get-item-layout

2.0.0

Installations

npm install @bam.tech/react-native-section-list-get-item-layout

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.5.0

NPM Version

5.3.0 Releases

Unable to fetch releases

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

Maintainers

Package Meta Information

Latest Version

2.0.0

Package Id

@bam.tech/react-native-section-list-get-item-layout@2.0.0

Size

2.86 kB

NPM Version

5.3.0

Node Version

8.5.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

jest typescript

React Native SectionList getItemLayout

This package provides a function that helps you construct the getItemLayout function for your SectionLists. For an explanation of why this exists, see this post. It's meant to be used like this:

1import sectionListGetItemLayout from 'react-native-section-list-get-item-layout'
2
3class MyComponent extends React.Component {
4  constructor(props) {
5    super(props)
6
7    this.getItemLayout = sectionListGetItemLayout({
8      // The height of the row with rowData at the given sectionIndex and rowIndex
9      getItemHeight: (rowData, sectionIndex, rowIndex) => sectionIndex === 0 ? 100 : 50,
10
11      // These four properties are optional
12      getSeparatorHeight: () => 1 / PixelRatio.get(), // The height of your separators
13      getSectionHeaderHeight: () => 20, // The height of your section headers
14      getSectionFooterHeight: () => 10, // The height of your section footers
15      listHeaderHeight: 40, // The height of your list header
16    })
17  }
18
19  render() {
20    return (
21      <SectionList
22        {...otherStuff}
23        getItemLayout={this.getItemLayout}
24      />
25    )
26  }
27}

No vulnerabilities found.

No security vulnerabilities found.