Change opacity of header as finger moves · t4t5/react-native-router#1

(3 comments) (0 reactions) (0 assignees)JavaScript (1,174 stars) (163 forks)batch import

help wanted

説明

Right now, the navigation bar only updates after the user releases their touch. If anyone has a nice implementation for changing the navigation bar's opacity based on the user's finger position (as many well-designed apps do), feel free to leave a comment or make a pull request!

コントリビューターガイド

技術スタック: javascriptreact native
領域: mobilefrontend
Issue 種別: feature
難度: 3
推定時間: half day
活動状況: stale
明確さ: clear
前提条件: Basic React NativeUnderstanding of gesture handling
初心者向け度: 60
調査方針: The issue requests dynamic opacity change based on finger position during scroll. Look at the navigation bar component in the repository, likely in the source folder. Implement pan gesture handling (e.g., using Animated or react native gesture handler) to map finger Y position to opacity. There are 3 comments that may provide hints. A linked PR or code example is not provided, so a fresh implementation is needed. Ensure the opacity updates continuously, not just on release.