t4t5/react-native-router

Change opacity of header as finger moves

Open

#1 aberto em 12 de abr. de 2015

Ver no GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (1.174 stars) (163 forks)batch import
help wanted

Description

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!

Guia do colaborador

Pilha de tecnologia
javascriptreact native
Domain
mobilefrontend
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
half day
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Basic React NativeUnderstanding of gesture handling
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60
Direção de pesquisa
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.