0.69+ SectionList jumps
オープン
まだ誰も着手していません。
Component: SectionList
Issue: Author Provided Repro
Needs: Triage :mag:
- 主要言語
- C++
- スター
- 127k
- フォーク
- 25.3k
- 平均マージ
- 1日 23時間
- マージ済み PR(30日)
- 4
説明
Description
Something happening with SectionList at react-native: 0.69+
See videos for better understanding. It is something with huge lists (big amount of items)
It starts to jump and blink
Also, I've noticed that when I'm doing downgrade of react-native to 0.68 - it starts to work totally fine
React Native Version
0.69.6
Output of npx react-native info
OS: macOS 12.5
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 240.36 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.16.0 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 9.5.0 - /usr/local/bin/npm
Watchman: Not Found
Managers:
CocoaPods: 1.12.0 - /Users/denys/.rvm/rubies/ruby-2.7.6/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 22.1, iOS 16.1, macOS 13.0, tvOS 16.1, watchOS 9.1
Android SDK: Not Found
IDEs:
Android Studio: 2021.2 AI-212.5712.43.2112.8815526
Xcode: 14.1/14B47b - /usr/bin/xcodebuild
Languages:
Java: Not Found
npmPackages:
@react-native-community/cli: Not Found
react: 18.0.0 => 18.0.0
react-native: 0.69.6 => 0.69.6
react-native-macos: Not Found
npmGlobalPackages:
*react-native*: Not Found
Steps to reproduce
- Install fresh expo project or clone from git
- Scroll up and down to trigger pagination
- Scroll for about 1-2-4 minutes (can't upload full 3 minutes video)
Snack, code example, screenshot, or link to a repository
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
まず、リンク先の reactNativeSectionListJumps リポジトリで、React Native 0.69.6、大きな SectionList、スクロール中のページネーションを使って、ジャンプと点滅を再現します。React Native 0.68 と動作を比較し、提供されている動画と再現手順を基準にします。報告されているページネーションのシナリオで、大きな SectionLists をスクロールしてもジャンプや点滅が発生しなくなれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react-native
- 領域
- mobile
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 38/100