[Question]Adding animation to screens in bottom nav when route changed

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?

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.