React-Navigation 性能：多少屏幕太多了？

Question

我是 React Native 和 React-Navigation 的新手。我正在計划的應用程序內容非常豐富。 它將有數百個獨特的屏幕。 我想通過 React-Navigation 連接它們，這樣我的堆棧就會非常大。 該性能是否有問題或我應該記住什么？ 我的猜測是只有當用戶第一次訪問時才會加載屏幕，所以應用程序的初始加載時間應該不會受到影響？

謝謝！

Answer 1

實際上，創建 js 文件的數量並不重要，但在以下情況下很重要：

1. 不重用您的代碼。 例如，您創建了一個使用 Card 的 3 Screens，因此它沒有單獨創建一個 card 組件 js 文件，那么復雜性會增加，但是如果您為 Card 創建一個 JS 文件並在 3 個屏幕中重復使用它，它會對此進行優化。 所以如果你這個組件將是可重用的，那么為它創建單獨的文件。
2. 過度使用維度。 我知道在使用尺寸時，屏幕設計是響應式的，但在抽象級別上，它每次都會為每個屏幕計算高度和寬度，因此這不是一種優化方式。 所以盡量使用flex ，也盡量減少Dimension的使用。 但如果您明智地使用 Dimension，它是非常強大的工具。

3）FlatList、Map等圖片展示時，盡量使用FastImage代替image

4. 您可以在此處獲得更多信息： React-Native 中的優化

注意：最后我想說的是，你可以創建盡可能多的 JS 文件，但它必須是可重用的，不是不必要的，也沒有重復的代碼。

Answer 2

您也可以將此視為性能改進。

你有一個屏幕。 當您在其上按下或導航新屏幕時。 您可以停止背景屏幕中的動畫。 因為后面的屏幕繼續工作。 所以你可以停止動畫背景屏幕。

例如，您在主屏幕和中有一個 slider 組件。 此 slider 自動播放功能處於活動狀態。 當您更改主屏幕時，您可以停止自動播放功能。