Naughty Programmer's Madness

    @bam.tech/react-native-section-list-get-item-layout
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.0 • Public • Published

    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:

    import sectionListGetItemLayout from 'react-native-section-list-get-item-layout'
     
    class MyComponent extends React.Component {
      constructor(props) {
        super(props)
     
        this.getItemLayout = sectionListGetItemLayout({
          // The height of the row with rowData at the given sectionIndex and rowIndex
          getItemHeight: (rowData, sectionIndex, rowIndex) => sectionIndex === 0 ? 100 : 50,
     
          // These four properties are optional
          getSeparatorHeight: () => 1 / PixelRatio.get(), // The height of your separators
          getSectionHeaderHeight: () => 20, // The height of your section headers
          getSectionFooterHeight: () => 10, // The height of your section footers
          listHeaderHeight: 40, // The height of your list header
        })
      }
     
      render() {
        return (
          <SectionList
            {...otherStuff}
            getItemLayout={this.getItemLayout}
          />
        )
      }
    }

    Keywords

    none

    Install

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

    DownloadsWeekly Downloads

    0

    Version

    2.0.0

    License

    Apache-2.0

    Last publish

    Collaborators

    • ajubin
    • minishlink
    • arlevoy
    • almouro
    • tychota
    • yannl
    • maximes
    • tpucci
    • antoined
    • pierrecapo
    • clementtab
    • julienc6
    • marionvalentin