react-navigation / react-navigation/react-navigation.github.io
[Question]Adding animation to screens in bottom nav when route changed
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 324
- Forks
- 2k
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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?
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Der Issue nennt keine Datei im Repository, keinen Test und keinen Einstiegspunkt. Beginne mit der Durchsicht der Dokumentation von React Navigation zu Screens und Bottom-Tab-Animationen und ermittle anschließend, ob der vorgeschlagene Focus-Listener- und Remounting-Ansatz unterstützt wird; abgeschlossen wäre die Aufgabe erst mit einer dokumentierten, verifizierten Empfehlung oder einer klar abgegrenzten Dokumentationsänderung.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react-native
- Bereich
- mobile-dev
- Issue-Typ
- Feature
- Schwierigkeit
- 5/5
- Geschätzter Aufwand
- Über eine Woche
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 15/100