React Native Navigator轉換問題

Question

我有一個簡單的RN應用程序，當我調用navigator.push（{...}）導航到不同的場景時，當前場景向左滑出，並且新場景從對。問題是當前場景比新場景滑動得慢得多（看起來它只移動了1/4的屏幕寬度），所以新場景實際上在當前場景消失之前趕上並與當前場景重疊。

關於如何解決這個問題的任何想法？

RN版本：0.34 導航（不 NavigatorIOS）

我運行在模擬器的應用程序。

在此先感謝。

Answer 1

測試動畫和性能時，應確保不使用chrome調試器或devtools。原因很慢，是因爲你在一個完全不同的機器上運行應用程序JavaScript，並且消息來回傳遞消耗很多。

https://github.com/facebook/react-native/issues/5632

您還可以設置開發模式爲假，看看它是否有差別。

在開發模式下運行時，JavaScript線程性能會受到很大影響。這是不可避免的：在運行時需要做更多的工作來爲您提供良好的警告和錯誤消息，例如驗證propTypes和其他各種斷言。

https://facebook.github.io/react-native/docs/performance.html

Answer 2

OK，我想通了這一點，這是我自己的錯 - 我原來的道路上走出的場景應該是移動約1/4屏幕寬度。現場正在「趕上」，並在現場出現。

我的問題是，我的第二個視圖沒有backgroundColor設置，所以它變得透明，所以兩個場景的內容'混合'，看起來不對。