[Question]Adding animation to screens in bottom nav when route changed
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Accessibilité débutants
- 15/100
- Type d'issue
- Fonctionnalité
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- javascript, react-native
- Domaine
- mobile-dev
Piste de recherche
L’issue ne mentionne aucun fichier du dépôt, aucun test ni aucun point d’entrée. Commencez par consulter la documentation de React Navigation sur les écrans et les animations des bottom tabs, puis déterminez si l’approche proposée avec un focus listener et un remounting est prise en charge ; le travail nécessiterait une recommandation documentée et vérifiée ou une modification de la documentation clairement délimitée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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?
- Langage dominant
- JavaScript
- Étoiles
- 325
- Forks
- 2k
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Aucun guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de react-navigation/react-navigation.github.io
-
Mocking RN NativeAnimatedHelper - path has been changedPeut-être pris @akkadaya l’a pris il y a 17 jours. Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 94/100
react-navigation/react-navigation.github.io#1516 · 1 commentaire ·
-
Docs: `overrideScrollViewContentInsetAdjustmentBehavior` option missing from Native Bottom Tab Navigator pagePeut-être pris @dobomode l’a pris il y a 140 jours. Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
-
Remove mention of deprecated 'jest-native' in docsPeut-être à nouveau libre Une pull request pour cette issue a été fermée sans être fusionnée. Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 72/100
-
Difficulté 1/5 1-3 heures Accessibilité débutants 68/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
Toutes les issues de react-navigation/react-navigation.github.io
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 1 jour
-
[quality] useFocusTrap's Shift+Tab wrap and non-Tab/non-Escape key arms are never driven end to endPeut-être pris @hivecommons-hive l’a pris aujourd’hui. Ouverteagent/quality hive/covered-by-pr hive/hosted-available-lke648397-260827-5n31 quality testing
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour
-
[aw] Upgrade availableOuverteagentic-workflows
Difficulté 1/5 Moins d'une heure Accessibilité débutants 85/100
githubnext/gh-aw-workshop#4220 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
JuliusBrussee/caveman#1189 ·
Les mainteneurs répondent en général sous 1 jour
-
priority:low ready-for-dev
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
OpenHands/extensions#738 ·
Les mainteneurs répondent en général sous 1 jour