FlashList Small Gap Sometimes Between Items with Fractional Heights
Open
Nobody has claimed this yet.
bug
P2
v2.0
- Dominant language
- TypeScript
- Stars
- 7.2k
- Forks
- 393
- Avg merge
- 1d 3h
- Merged PRs (30d)
- 1
Description
Current behavior
When item heights are fractions then sometimes we see small gaps between items. It looks like some rounding error?
(Hard to see)
Expected behavior
Items should be positioned flush against one another.
To Reproduce
Make items have a dynamic height which paints to a fractional height.
Platform:
- iOS
- Android
Environment
2.0.2
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue on iOS using FlashList 2.0.2 with dynamically sized items that render to fractional heights. Investigate the item measurement and positioning path for rounding behavior. Done means adjacent items remain flush with no visible gaps; the issue does not name a file or regression test to start from.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100