A lot of space under listview when try to insert element on the last position

[EJohnF]

two problems:

1. a lot of space under list view
2. very fast scrolling to the bottom (almost immediately)

Code:

<SortableListView style={{ marginBottom: 44 }} data={this.state.items} order={this.state.order} disableAnimatedScrolling bounces={false} // tryed to set it to true onRowMoved={e => replacePositions(e.from, e.to)} renderRow={row => <JobPreviewItem data={row} />} renderSeparator={() => <View style={{ height: 8 }} />} renderFooter={this.renderAddPicture} />

video with a problem: https://drive.google.com/file/d/1OsJvX-mlvUMVeS_g8X1c2kGL0KiBrR7l/view?usp=sharing

[EJohnF]

I've found how to solve a problem with space under listview. But it's definitely very bad way (just a hack):

need to change here (line 244)

const MAX_HEIGHT = Math.max(
          0,
          this.scrollContainerHeight - this.listLayout.height + itemHeight
        )

to this.scrollContainerHeight - this.listLayout.height + itemHeight + 300

and here (line 303)

handleContentSizeChange = (width, height) => {
    this.scrollContainerHeight = height
  }

to this.scrollContainerHeight = height - 300

[nihgwu]

Thanks for reporting, I'm aware of that too