[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?

この issue には、リポジトリのファイル、テスト、エントリーポイントが記載されていません。まず React Navigation の screen と bottom-tab animation に関するドキュメントを確認し、提案されている focus listener と remounting のアプローチがサポートされているかどうかを判断してください。完了とするには、文書化され検証済みの推奨事項、または範囲が明確なドキュメント変更が必要です。