[Question]Adding animation to screens in bottom nav when route changed
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 5/5
- Tempo estimado
- Mais de uma semana
- Facilidade para iniciantes
- 15/100
- Tipo de issue
- Funcionalidade
- Clareza
- Precisa de esclarecimento
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript, react-native
- Domínio
- mobile-dev
Direção de pesquisa
A issue não nomeia nenhum arquivo do repositório, teste ou ponto de entrada. Comece revisando a documentação do React Navigation sobre telas e animações de bottom tabs e, em seguida, determine se a abordagem proposta de um focus listener e remounting é compatível; o trabalho exigiria uma recomendação documentada e verificada ou uma alteração na documentação com escopo claramente definido.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
I have managed to animate screen in react native when bottom nav changes route.
Here what I am doing
I am using react-native-animatable
import * as Animatable from 'react-native-animatable';
constructor(props: any) {
super(props)
this.state = {
dummyKey:4564654
};
}
componentDidMount(){
this.props.navigation.addListener('focus', (e: any) => {
if(e){
this.setState({dummyKey:Math.random()})
}
})
}
render(){
<Animatable.View key={this.state.dummyKey} animation={'bounceIn'} >
//View to animate when loaded
</Animatable.View>
}
is this the correct way?
- Linguagem predominante
- JavaScript
- Estrelas
- 325
- Forks
- 2k
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Tem um modelo de pull request
- Sem guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de react-navigation/react-navigation.github.io
-
Mocking RN NativeAnimatedHelper - path has been changedTalvez já em andamento @akkadaya assumiu há 17 dias. Aberta
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 94/100
react-navigation/react-navigation.github.io#1516 · 1 comentário ·
-
Docs: `overrideScrollViewContentInsetAdjustmentBehavior` option missing from Native Bottom Tab Navigator pageTalvez já em andamento @dobomode assumiu há 141 dias. Aberta
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 90/100
-
Remove mention of deprecated 'jest-native' in docsTalvez livre de novo Um pull request para esta issue foi fechado sem ser mesclado. Aberta
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 68/100
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
Todas as issues de react-navigation/react-navigation.github.io
Issues semelhantes
-
[Feature]:Abertaenhancement
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
-
automated issue report
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
lirantal/discoprint#36 ·
Mantenedores costumam responder em até 1 dia
-
accepting PR Content:HTML
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
mdn/content#45988 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
pnpm/pnpm#16635 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
txn2/mcp-data-platform#2030 ·
Mantenedores costumam responder em até 1 dia