nativescript-ui-feedback icon indicating copy to clipboard operation
nativescript-ui-feedback copied to clipboard

RadListView random gaps appearing between Items after scrolling down on Android (nothing appears on iOS)

Open csimpi opened this issue 5 years ago • 1 comments

Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

√ Getting NativeScript components versions information... √ Component nativescript has 6.5.0 version and is up to date. √ Component tns-core-modules has 6.5.0 version and is up to date. √ Component tns-android has 6.5.0 version and is up to date. × Component tns-ios is not installed.

  • Angular: 8.1

Describe the bug

I'm using RadListView with ObservableArray and WebView. The WebView content is random, so the RadListView's Item's height is different for each item.

When I load the first "page" everything appears as excepted, smaller items are smaller, bigger items are bigger, there are no gaps (blank space) between them.

Then as I'm scrolling downer and downer gaps are appearing between the posts and if I scroll back to the top, huge gaps (blank space) appearing between the posts, it seems the items' height is changing due to scrolling down.

Before Scrolling:

image

Scrolling down and back to the top it looks like this:

image

To Reproduce

https://play.nativescript.org/?template=play-ng&id=QJQbYd&v=2 Expected behavior

The RadlistView item's height should be flexible to its content and don't change it automatically during scrolling.

Sample project

https://play.nativescript.org/?template=play-ng&id=QJQbYd&v=2 Additional context

csimpi avatar Mar 25 '20 17:03 csimpi

I'm experiencing this bug on iOS as well and have been unable to determine the cause. In my case, as I scroll, a new page of items is loaded using the loadMoreDataRequested event and a large gap of space is created

kfw9257 avatar Nov 01 '21 14:11 kfw9257