在RN0.44版本之前，路由導航跳轉幾乎是使用的是Navigator元件，在0.44版本以後就不推薦使用了，官方推薦的是react-navigation，當然還是可以在廢棄的庫中找到：
import { Navigator } from 'react-native-deprecated-custom-components'

首先Navigator動畫是由Js執行緒(單執行緒特點)控制。我們來腦補一下“從右邊推入”這個場景的切換：每一幀中，新的場景從右向左移動，從螢幕右邊緣開始，最終移動到x軸偏移為0的螢幕位置。切換過程中的每一幀，Js執行緒都需要傳送一個新的x軸偏移量給主執行緒。如果這時候安排Js執行緒去幹其他的事情(比如渲染某個jsx 耗時了)，那麼它就無法處理這項事情，所以這一幀就無法更新，導致轉場動畫就不足60幀了，最後給使用者的感覺就是動畫有卡頓。

解決方案：
在轉場動畫的這段期間，我們應該使用InteractionManager，為新的scene選擇最少的內容數量以及動畫過程。InteractionManager.runAfterInteractions的引數中包含一個回撥Func，這個回撥Func會在navigator切換動畫結束的時候被觸發（注：每個來自於Animated介面的動畫都會通知InteractionManager，若存在多個互動或動畫，InteractionManager是會待全部完成之後才會觸發回撥。該怎麼破呢？我們可以通過給Animated動畫新增 isInteraction: false 屬性，讓其忽略此動畫
例：

Animated.timing(this.state.animatedValue, { 
toValue: 1, 
duration: 500, 
isInteraction: false // <-- 加上這一行 
}).start()

import { InteractionManager } from 'react-native';

componentDidMount() {
    InteractionManager.runAfterInteractions(() => {
          console.log('動畫執行完了')
          // ...耗時較長的同步執行的任務...
      });
}