From f1352b48509bf856a404c224cdcd3557c66915fd Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 13 Sep 2019 20:33:01 +0000 Subject: [PATCH] Deploy website Deploy website version based on 2ed6793299ac9f2054eac13bc2f35ec7db83a8cf --- docs/0.10/components-and-apis.html | 244 +++++++++++------- docs/0.10/components-and-apis/index.html | 244 +++++++++++------- docs/0.10/getting-started.html | 10 +- docs/0.10/getting-started/index.html | 10 +- docs/0.10/height-and-width.html | 8 +- docs/0.10/height-and-width/index.html | 8 +- docs/0.10/native-modules-android.html | 46 ++-- docs/0.10/native-modules-android/index.html | 46 ++-- docs/0.10/navigation.html | 8 +- docs/0.10/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.11/components-and-apis.html | 244 +++++++++++------- docs/0.11/components-and-apis/index.html | 244 +++++++++++------- docs/0.11/getting-started.html | 10 +- docs/0.11/getting-started/index.html | 10 +- docs/0.11/height-and-width.html | 8 +- docs/0.11/height-and-width/index.html | 8 +- docs/0.11/native-modules-android.html | 46 ++-- docs/0.11/native-modules-android/index.html | 46 ++-- docs/0.11/navigation.html | 8 +- docs/0.11/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.12/components-and-apis.html | 244 +++++++++++------- docs/0.12/components-and-apis/index.html | 244 +++++++++++------- docs/0.12/getting-started.html | 10 +- docs/0.12/getting-started/index.html | 10 +- docs/0.12/height-and-width.html | 8 +- docs/0.12/height-and-width/index.html | 8 +- docs/0.12/native-modules-android.html | 46 ++-- docs/0.12/native-modules-android/index.html | 46 ++-- docs/0.12/navigation.html | 8 +- docs/0.12/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.13/components-and-apis.html | 244 +++++++++++------- docs/0.13/components-and-apis/index.html | 244 +++++++++++------- docs/0.13/getting-started.html | 10 +- docs/0.13/getting-started/index.html | 10 +- docs/0.13/height-and-width.html | 8 +- docs/0.13/height-and-width/index.html | 8 +- docs/0.13/native-modules-android.html | 46 ++-- docs/0.13/native-modules-android/index.html | 46 ++-- docs/0.13/navigation.html | 8 +- docs/0.13/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.14/components-and-apis.html | 244 +++++++++++------- docs/0.14/components-and-apis/index.html | 244 +++++++++++------- docs/0.14/getting-started.html | 10 +- docs/0.14/getting-started/index.html | 10 +- docs/0.14/height-and-width.html | 8 +- docs/0.14/height-and-width/index.html | 8 +- docs/0.14/native-modules-android.html | 46 ++-- docs/0.14/native-modules-android/index.html | 46 ++-- docs/0.14/navigation.html | 8 +- docs/0.14/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.15/components-and-apis.html | 244 +++++++++++------- docs/0.15/components-and-apis/index.html | 244 +++++++++++------- docs/0.15/getting-started.html | 10 +- docs/0.15/getting-started/index.html | 10 +- docs/0.15/height-and-width.html | 8 +- docs/0.15/height-and-width/index.html | 8 +- docs/0.15/native-modules-android.html | 46 ++-- docs/0.15/native-modules-android/index.html | 46 ++-- docs/0.15/navigation.html | 8 +- docs/0.15/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.16/components-and-apis.html | 244 +++++++++++------- docs/0.16/components-and-apis/index.html | 244 +++++++++++------- docs/0.16/getting-started.html | 10 +- docs/0.16/getting-started/index.html | 10 +- docs/0.16/height-and-width.html | 8 +- docs/0.16/height-and-width/index.html | 8 +- docs/0.16/native-modules-android.html | 46 ++-- docs/0.16/native-modules-android/index.html | 46 ++-- docs/0.16/navigation.html | 8 +- docs/0.16/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.17/components-and-apis.html | 244 +++++++++++------- docs/0.17/components-and-apis/index.html | 244 +++++++++++------- docs/0.17/getting-started.html | 10 +- docs/0.17/getting-started/index.html | 10 +- docs/0.17/height-and-width.html | 8 +- docs/0.17/height-and-width/index.html | 8 +- docs/0.17/native-modules-android.html | 46 ++-- docs/0.17/native-modules-android/index.html | 46 ++-- docs/0.17/navigation.html | 8 +- docs/0.17/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.18/components-and-apis.html | 244 +++++++++++------- docs/0.18/components-and-apis/index.html | 244 +++++++++++------- docs/0.18/getting-started.html | 10 +- docs/0.18/getting-started/index.html | 10 +- docs/0.18/height-and-width.html | 8 +- docs/0.18/height-and-width/index.html | 8 +- docs/0.18/native-modules-android.html | 46 ++-- docs/0.18/native-modules-android/index.html | 46 ++-- docs/0.18/navigation.html | 8 +- docs/0.18/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.19/components-and-apis.html | 244 +++++++++++------- docs/0.19/components-and-apis/index.html | 244 +++++++++++------- docs/0.19/getting-started.html | 10 +- docs/0.19/getting-started/index.html | 10 +- docs/0.19/height-and-width.html | 8 +- docs/0.19/height-and-width/index.html | 8 +- docs/0.19/native-modules-android.html | 46 ++-- docs/0.19/native-modules-android/index.html | 46 ++-- docs/0.19/navigation.html | 8 +- docs/0.19/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.20/components-and-apis.html | 244 +++++++++++------- docs/0.20/components-and-apis/index.html | 244 +++++++++++------- docs/0.20/getting-started.html | 10 +- docs/0.20/getting-started/index.html | 10 +- docs/0.20/height-and-width.html | 8 +- docs/0.20/height-and-width/index.html | 8 +- docs/0.20/native-modules-android.html | 46 ++-- docs/0.20/native-modules-android/index.html | 46 ++-- docs/0.20/navigation.html | 8 +- docs/0.20/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.21/components-and-apis.html | 244 +++++++++++------- docs/0.21/components-and-apis/index.html | 244 +++++++++++------- docs/0.21/getting-started.html | 10 +- docs/0.21/getting-started/index.html | 10 +- docs/0.21/height-and-width.html | 8 +- docs/0.21/height-and-width/index.html | 8 +- docs/0.21/native-modules-android.html | 46 ++-- docs/0.21/native-modules-android/index.html | 46 ++-- docs/0.21/navigation.html | 8 +- docs/0.21/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.22/components-and-apis.html | 244 +++++++++++------- docs/0.22/components-and-apis/index.html | 244 +++++++++++------- docs/0.22/getting-started.html | 10 +- docs/0.22/getting-started/index.html | 10 +- docs/0.22/height-and-width.html | 8 +- docs/0.22/height-and-width/index.html | 8 +- docs/0.22/native-modules-android.html | 46 ++-- docs/0.22/native-modules-android/index.html | 46 ++-- docs/0.22/navigation.html | 8 +- docs/0.22/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.23/components-and-apis.html | 244 +++++++++++------- docs/0.23/components-and-apis/index.html | 244 +++++++++++------- docs/0.23/getting-started.html | 10 +- docs/0.23/getting-started/index.html | 10 +- docs/0.23/height-and-width.html | 8 +- docs/0.23/height-and-width/index.html | 8 +- docs/0.23/native-modules-android.html | 46 ++-- docs/0.23/native-modules-android/index.html | 46 ++-- docs/0.23/navigation.html | 8 +- docs/0.23/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.24/components-and-apis.html | 244 +++++++++++------- docs/0.24/components-and-apis/index.html | 244 +++++++++++------- docs/0.24/getting-started.html | 10 +- docs/0.24/getting-started/index.html | 10 +- docs/0.24/height-and-width.html | 8 +- docs/0.24/height-and-width/index.html | 8 +- docs/0.24/native-modules-android.html | 46 ++-- docs/0.24/native-modules-android/index.html | 46 ++-- docs/0.24/navigation.html | 8 +- docs/0.24/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.25/components-and-apis.html | 244 +++++++++++------- docs/0.25/components-and-apis/index.html | 244 +++++++++++------- docs/0.25/getting-started.html | 10 +- docs/0.25/getting-started/index.html | 10 +- docs/0.25/height-and-width.html | 8 +- docs/0.25/height-and-width/index.html | 8 +- docs/0.25/native-modules-android.html | 46 ++-- docs/0.25/native-modules-android/index.html | 46 ++-- docs/0.25/navigation.html | 8 +- docs/0.25/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.26/components-and-apis.html | 244 +++++++++++------- docs/0.26/components-and-apis/index.html | 244 +++++++++++------- docs/0.26/getting-started.html | 10 +- docs/0.26/getting-started/index.html | 10 +- docs/0.26/height-and-width.html | 8 +- docs/0.26/height-and-width/index.html | 8 +- docs/0.26/native-modules-android.html | 46 ++-- docs/0.26/native-modules-android/index.html | 46 ++-- docs/0.26/navigation.html | 8 +- docs/0.26/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.27/components-and-apis.html | 244 +++++++++++------- docs/0.27/components-and-apis/index.html | 244 +++++++++++------- docs/0.27/getting-started.html | 10 +- docs/0.27/getting-started/index.html | 10 +- docs/0.27/height-and-width.html | 8 +- docs/0.27/height-and-width/index.html | 8 +- docs/0.27/native-modules-android.html | 46 ++-- docs/0.27/native-modules-android/index.html | 46 ++-- docs/0.27/navigation.html | 8 +- docs/0.27/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.28/components-and-apis.html | 244 +++++++++++------- docs/0.28/components-and-apis/index.html | 244 +++++++++++------- docs/0.28/getting-started.html | 10 +- docs/0.28/getting-started/index.html | 10 +- docs/0.28/height-and-width.html | 8 +- docs/0.28/height-and-width/index.html | 8 +- docs/0.28/native-modules-android.html | 46 ++-- docs/0.28/native-modules-android/index.html | 46 ++-- docs/0.28/navigation.html | 8 +- docs/0.28/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.29/components-and-apis.html | 244 +++++++++++------- docs/0.29/components-and-apis/index.html | 244 +++++++++++------- docs/0.29/getting-started.html | 10 +- docs/0.29/getting-started/index.html | 10 +- docs/0.29/height-and-width.html | 8 +- docs/0.29/height-and-width/index.html | 8 +- docs/0.29/native-modules-android.html | 46 ++-- docs/0.29/native-modules-android/index.html | 46 ++-- docs/0.29/navigation.html | 8 +- docs/0.29/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.30/components-and-apis.html | 244 +++++++++++------- docs/0.30/components-and-apis/index.html | 244 +++++++++++------- docs/0.30/getting-started.html | 10 +- docs/0.30/getting-started/index.html | 10 +- docs/0.30/height-and-width.html | 8 +- docs/0.30/height-and-width/index.html | 8 +- docs/0.30/native-modules-android.html | 46 ++-- docs/0.30/native-modules-android/index.html | 46 ++-- docs/0.30/navigation.html | 8 +- docs/0.30/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.31/components-and-apis.html | 244 +++++++++++------- docs/0.31/components-and-apis/index.html | 244 +++++++++++------- docs/0.31/getting-started.html | 10 +- docs/0.31/getting-started/index.html | 10 +- docs/0.31/height-and-width.html | 8 +- docs/0.31/height-and-width/index.html | 8 +- docs/0.31/native-modules-android.html | 46 ++-- docs/0.31/native-modules-android/index.html | 46 ++-- docs/0.31/navigation.html | 8 +- docs/0.31/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.32/components-and-apis.html | 244 +++++++++++------- docs/0.32/components-and-apis/index.html | 244 +++++++++++------- docs/0.32/getting-started.html | 10 +- docs/0.32/getting-started/index.html | 10 +- docs/0.32/height-and-width.html | 8 +- docs/0.32/height-and-width/index.html | 8 +- docs/0.32/native-modules-android.html | 46 ++-- docs/0.32/native-modules-android/index.html | 46 ++-- docs/0.32/navigation.html | 8 +- docs/0.32/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.33/components-and-apis.html | 244 +++++++++++------- docs/0.33/components-and-apis/index.html | 244 +++++++++++------- docs/0.33/getting-started.html | 10 +- docs/0.33/getting-started/index.html | 10 +- docs/0.33/height-and-width.html | 8 +- docs/0.33/height-and-width/index.html | 8 +- docs/0.33/native-modules-android.html | 46 ++-- docs/0.33/native-modules-android/index.html | 46 ++-- docs/0.33/navigation.html | 8 +- docs/0.33/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.34/components-and-apis.html | 244 +++++++++++------- docs/0.34/components-and-apis/index.html | 244 +++++++++++------- docs/0.34/getting-started.html | 10 +- docs/0.34/getting-started/index.html | 10 +- docs/0.34/height-and-width.html | 8 +- docs/0.34/height-and-width/index.html | 8 +- docs/0.34/native-modules-android.html | 46 ++-- docs/0.34/native-modules-android/index.html | 46 ++-- docs/0.34/navigation.html | 8 +- docs/0.34/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.35/components-and-apis.html | 244 +++++++++++------- docs/0.35/components-and-apis/index.html | 244 +++++++++++------- docs/0.35/getting-started.html | 10 +- docs/0.35/getting-started/index.html | 10 +- docs/0.35/height-and-width.html | 8 +- docs/0.35/height-and-width/index.html | 8 +- docs/0.35/native-modules-android.html | 46 ++-- docs/0.35/native-modules-android/index.html | 46 ++-- docs/0.35/navigation.html | 8 +- docs/0.35/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.36/components-and-apis.html | 244 +++++++++++------- docs/0.36/components-and-apis/index.html | 244 +++++++++++------- docs/0.36/getting-started.html | 10 +- docs/0.36/getting-started/index.html | 10 +- docs/0.36/height-and-width.html | 8 +- docs/0.36/height-and-width/index.html | 8 +- docs/0.36/native-modules-android.html | 46 ++-- docs/0.36/native-modules-android/index.html | 46 ++-- docs/0.36/navigation.html | 8 +- docs/0.36/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.37/components-and-apis.html | 244 +++++++++++------- docs/0.37/components-and-apis/index.html | 244 +++++++++++------- docs/0.37/getting-started.html | 10 +- docs/0.37/getting-started/index.html | 10 +- docs/0.37/height-and-width.html | 8 +- docs/0.37/height-and-width/index.html | 8 +- docs/0.37/native-modules-android.html | 46 ++-- docs/0.37/native-modules-android/index.html | 46 ++-- docs/0.37/navigation.html | 8 +- docs/0.37/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.38/components-and-apis.html | 244 +++++++++++------- docs/0.38/components-and-apis/index.html | 244 +++++++++++------- docs/0.38/getting-started.html | 10 +- docs/0.38/getting-started/index.html | 10 +- docs/0.38/height-and-width.html | 8 +- docs/0.38/height-and-width/index.html | 8 +- docs/0.38/native-modules-android.html | 46 ++-- docs/0.38/native-modules-android/index.html | 46 ++-- docs/0.38/navigation.html | 8 +- docs/0.38/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.39/components-and-apis.html | 244 +++++++++++------- docs/0.39/components-and-apis/index.html | 244 +++++++++++------- docs/0.39/getting-started.html | 10 +- docs/0.39/getting-started/index.html | 10 +- docs/0.39/height-and-width.html | 8 +- docs/0.39/height-and-width/index.html | 8 +- docs/0.39/native-modules-android.html | 46 ++-- docs/0.39/native-modules-android/index.html | 46 ++-- docs/0.39/navigation.html | 8 +- docs/0.39/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.40/components-and-apis.html | 244 +++++++++++------- docs/0.40/components-and-apis/index.html | 244 +++++++++++------- docs/0.40/getting-started.html | 10 +- docs/0.40/getting-started/index.html | 10 +- docs/0.40/height-and-width.html | 8 +- docs/0.40/height-and-width/index.html | 8 +- docs/0.40/native-modules-android.html | 46 ++-- docs/0.40/native-modules-android/index.html | 46 ++-- docs/0.40/navigation.html | 8 +- docs/0.40/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.41/components-and-apis.html | 244 +++++++++++------- docs/0.41/components-and-apis/index.html | 244 +++++++++++------- docs/0.41/getting-started.html | 10 +- docs/0.41/getting-started/index.html | 10 +- docs/0.41/height-and-width.html | 8 +- docs/0.41/height-and-width/index.html | 8 +- docs/0.41/native-modules-android.html | 46 ++-- docs/0.41/native-modules-android/index.html | 46 ++-- docs/0.41/navigation.html | 8 +- docs/0.41/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.42/components-and-apis.html | 244 +++++++++++------- docs/0.42/components-and-apis/index.html | 244 +++++++++++------- docs/0.42/getting-started.html | 10 +- docs/0.42/getting-started/index.html | 10 +- docs/0.42/height-and-width.html | 8 +- docs/0.42/height-and-width/index.html | 8 +- docs/0.42/native-modules-android.html | 46 ++-- docs/0.42/native-modules-android/index.html | 46 ++-- docs/0.42/navigation.html | 8 +- docs/0.42/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.43/components-and-apis.html | 244 +++++++++++------- docs/0.43/components-and-apis/index.html | 244 +++++++++++------- docs/0.43/getting-started.html | 10 +- docs/0.43/getting-started/index.html | 10 +- docs/0.43/height-and-width.html | 8 +- docs/0.43/height-and-width/index.html | 8 +- docs/0.43/native-modules-android.html | 46 ++-- docs/0.43/native-modules-android/index.html | 46 ++-- docs/0.43/navigation.html | 8 +- docs/0.43/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.44/components-and-apis.html | 244 +++++++++++------- docs/0.44/components-and-apis/index.html | 244 +++++++++++------- docs/0.44/getting-started.html | 10 +- docs/0.44/getting-started/index.html | 10 +- docs/0.44/height-and-width.html | 8 +- docs/0.44/height-and-width/index.html | 8 +- docs/0.44/native-modules-android.html | 46 ++-- docs/0.44/native-modules-android/index.html | 46 ++-- docs/0.44/navigation.html | 8 +- docs/0.44/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.45/components-and-apis.html | 244 +++++++++++------- docs/0.45/components-and-apis/index.html | 244 +++++++++++------- docs/0.45/getting-started.html | 10 +- docs/0.45/getting-started/index.html | 10 +- docs/0.45/height-and-width.html | 8 +- docs/0.45/height-and-width/index.html | 8 +- docs/0.45/native-modules-android.html | 46 ++-- docs/0.45/native-modules-android/index.html | 46 ++-- docs/0.45/navigation.html | 8 +- docs/0.45/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.46/components-and-apis.html | 244 +++++++++++------- docs/0.46/components-and-apis/index.html | 244 +++++++++++------- docs/0.46/getting-started.html | 10 +- docs/0.46/getting-started/index.html | 10 +- docs/0.46/height-and-width.html | 8 +- docs/0.46/height-and-width/index.html | 8 +- docs/0.46/native-modules-android.html | 46 ++-- docs/0.46/native-modules-android/index.html | 46 ++-- docs/0.46/navigation.html | 8 +- docs/0.46/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.47/components-and-apis.html | 244 +++++++++++------- docs/0.47/components-and-apis/index.html | 244 +++++++++++------- docs/0.47/getting-started.html | 10 +- docs/0.47/getting-started/index.html | 10 +- docs/0.47/height-and-width.html | 8 +- docs/0.47/height-and-width/index.html | 8 +- docs/0.47/native-modules-android.html | 46 ++-- docs/0.47/native-modules-android/index.html | 46 ++-- docs/0.47/navigation.html | 8 +- docs/0.47/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.48/components-and-apis.html | 244 +++++++++++------- docs/0.48/components-and-apis/index.html | 244 +++++++++++------- docs/0.48/getting-started.html | 10 +- docs/0.48/getting-started/index.html | 10 +- docs/0.48/height-and-width.html | 8 +- docs/0.48/height-and-width/index.html | 8 +- docs/0.48/native-modules-android.html | 46 ++-- docs/0.48/native-modules-android/index.html | 46 ++-- docs/0.48/navigation.html | 8 +- docs/0.48/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.49/components-and-apis.html | 244 +++++++++++------- docs/0.49/components-and-apis/index.html | 244 +++++++++++------- docs/0.49/getting-started.html | 10 +- docs/0.49/getting-started/index.html | 10 +- docs/0.49/height-and-width.html | 8 +- docs/0.49/height-and-width/index.html | 8 +- docs/0.49/native-modules-android.html | 46 ++-- docs/0.49/native-modules-android/index.html | 46 ++-- docs/0.49/navigation.html | 8 +- docs/0.49/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.5/components-and-apis.html | 244 +++++++++++------- docs/0.5/components-and-apis/index.html | 244 +++++++++++------- docs/0.5/getting-started.html | 10 +- docs/0.5/getting-started/index.html | 10 +- docs/0.5/height-and-width.html | 8 +- docs/0.5/height-and-width/index.html | 8 +- docs/0.5/native-modules-android.html | 46 ++-- docs/0.5/native-modules-android/index.html | 46 ++-- docs/0.5/navigation.html | 8 +- docs/0.5/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.50/components-and-apis.html | 244 +++++++++++------- docs/0.50/components-and-apis/index.html | 244 +++++++++++------- docs/0.50/getting-started.html | 10 +- docs/0.50/getting-started/index.html | 10 +- docs/0.50/height-and-width.html | 8 +- docs/0.50/height-and-width/index.html | 8 +- docs/0.50/native-modules-android.html | 46 ++-- docs/0.50/native-modules-android/index.html | 46 ++-- docs/0.50/navigation.html | 8 +- docs/0.50/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.51/components-and-apis.html | 244 +++++++++++------- docs/0.51/components-and-apis/index.html | 244 +++++++++++------- docs/0.51/getting-started.html | 10 +- docs/0.51/getting-started/index.html | 10 +- docs/0.51/height-and-width.html | 8 +- docs/0.51/height-and-width/index.html | 8 +- docs/0.51/native-modules-android.html | 46 ++-- docs/0.51/native-modules-android/index.html | 46 ++-- docs/0.51/navigation.html | 8 +- docs/0.51/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.52/components-and-apis.html | 244 +++++++++++------- docs/0.52/components-and-apis/index.html | 244 +++++++++++------- docs/0.52/getting-started.html | 10 +- docs/0.52/getting-started/index.html | 10 +- docs/0.52/height-and-width.html | 8 +- docs/0.52/height-and-width/index.html | 8 +- docs/0.52/native-modules-android.html | 46 ++-- docs/0.52/native-modules-android/index.html | 46 ++-- docs/0.52/navigation.html | 8 +- docs/0.52/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.53/components-and-apis.html | 244 +++++++++++------- docs/0.53/components-and-apis/index.html | 244 +++++++++++------- docs/0.53/getting-started.html | 10 +- docs/0.53/getting-started/index.html | 10 +- docs/0.53/height-and-width.html | 8 +- docs/0.53/height-and-width/index.html | 8 +- docs/0.53/native-modules-android.html | 46 ++-- docs/0.53/native-modules-android/index.html | 46 ++-- docs/0.53/navigation.html | 8 +- docs/0.53/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.54/components-and-apis.html | 244 +++++++++++------- docs/0.54/components-and-apis/index.html | 244 +++++++++++------- docs/0.54/getting-started.html | 10 +- docs/0.54/getting-started/index.html | 10 +- docs/0.54/height-and-width.html | 8 +- docs/0.54/height-and-width/index.html | 8 +- docs/0.54/native-modules-android.html | 46 ++-- docs/0.54/native-modules-android/index.html | 46 ++-- docs/0.54/navigation.html | 8 +- docs/0.54/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.55/components-and-apis.html | 244 +++++++++++------- docs/0.55/components-and-apis/index.html | 244 +++++++++++------- docs/0.55/getting-started.html | 10 +- docs/0.55/getting-started/index.html | 10 +- docs/0.55/height-and-width.html | 8 +- docs/0.55/height-and-width/index.html | 8 +- docs/0.55/native-modules-android.html | 46 ++-- docs/0.55/native-modules-android/index.html | 46 ++-- docs/0.55/navigation.html | 8 +- docs/0.55/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.56/components-and-apis.html | 244 +++++++++++------- docs/0.56/components-and-apis/index.html | 244 +++++++++++------- docs/0.56/getting-started.html | 10 +- docs/0.56/getting-started/index.html | 10 +- docs/0.56/height-and-width.html | 8 +- docs/0.56/height-and-width/index.html | 8 +- docs/0.56/native-modules-android.html | 46 ++-- docs/0.56/native-modules-android/index.html | 46 ++-- docs/0.56/navigation.html | 8 +- docs/0.56/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.57/components-and-apis.html | 244 +++++++++++------- docs/0.57/components-and-apis/index.html | 244 +++++++++++------- docs/0.57/getting-started.html | 10 +- docs/0.57/getting-started/index.html | 10 +- docs/0.57/height-and-width.html | 8 +- docs/0.57/height-and-width/index.html | 8 +- docs/0.57/native-modules-android.html | 46 ++-- docs/0.57/native-modules-android/index.html | 46 ++-- docs/0.57/navigation.html | 8 +- docs/0.57/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.58/components-and-apis.html | 244 +++++++++++------- docs/0.58/components-and-apis/index.html | 244 +++++++++++------- docs/0.58/getting-started.html | 10 +- docs/0.58/getting-started/index.html | 10 +- docs/0.58/height-and-width.html | 8 +- docs/0.58/height-and-width/index.html | 8 +- docs/0.58/native-modules-android.html | 46 ++-- docs/0.58/native-modules-android/index.html | 46 ++-- docs/0.58/navigation.html | 8 +- docs/0.58/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.59/components-and-apis.html | 244 +++++++++++------- docs/0.59/components-and-apis/index.html | 244 +++++++++++------- docs/0.59/getting-started.html | 10 +- docs/0.59/getting-started/index.html | 10 +- docs/0.59/height-and-width.html | 8 +- docs/0.59/height-and-width/index.html | 8 +- docs/0.59/native-modules-android.html | 46 ++-- docs/0.59/native-modules-android/index.html | 46 ++-- docs/0.59/navigation.html | 8 +- docs/0.59/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.6/components-and-apis.html | 244 +++++++++++------- docs/0.6/components-and-apis/index.html | 244 +++++++++++------- docs/0.6/getting-started.html | 10 +- docs/0.6/getting-started/index.html | 10 +- docs/0.6/height-and-width.html | 8 +- docs/0.6/height-and-width/index.html | 8 +- docs/0.6/native-modules-android.html | 46 ++-- docs/0.6/native-modules-android/index.html | 46 ++-- docs/0.6/navigation.html | 8 +- docs/0.6/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.7/components-and-apis.html | 244 +++++++++++------- docs/0.7/components-and-apis/index.html | 244 +++++++++++------- docs/0.7/getting-started.html | 10 +- docs/0.7/getting-started/index.html | 10 +- docs/0.7/height-and-width.html | 8 +- docs/0.7/height-and-width/index.html | 8 +- docs/0.7/native-modules-android.html | 46 ++-- docs/0.7/native-modules-android/index.html | 46 ++-- docs/0.7/navigation.html | 8 +- docs/0.7/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.8/components-and-apis.html | 244 +++++++++++------- docs/0.8/components-and-apis/index.html | 244 +++++++++++------- docs/0.8/getting-started.html | 10 +- docs/0.8/getting-started/index.html | 10 +- docs/0.8/height-and-width.html | 8 +- docs/0.8/height-and-width/index.html | 8 +- docs/0.8/native-modules-android.html | 46 ++-- docs/0.8/native-modules-android/index.html | 46 ++-- docs/0.8/navigation.html | 8 +- docs/0.8/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/0.9/components-and-apis.html | 244 +++++++++++------- docs/0.9/components-and-apis/index.html | 244 +++++++++++------- docs/0.9/getting-started.html | 10 +- docs/0.9/getting-started/index.html | 10 +- docs/0.9/height-and-width.html | 8 +- docs/0.9/height-and-width/index.html | 8 +- docs/0.9/native-modules-android.html | 46 ++-- docs/0.9/native-modules-android/index.html | 46 ++-- docs/0.9/navigation.html | 8 +- docs/0.9/navigation/index.html | 8 +- .../optimizing-flatlist-configuration.html | 153 +++++++++++ .../index.html | 153 +++++++++++ docs/components-and-apis.html | 244 +++++++++++------- docs/components-and-apis/index.html | 244 +++++++++++------- docs/getting-started.html | 10 +- docs/getting-started/index.html | 10 +- docs/height-and-width.html | 8 +- docs/height-and-width/index.html | 8 +- docs/hermes.html | 3 +- docs/hermes/index.html | 3 +- docs/inputaccessoryview.html | 2 +- docs/inputaccessoryview/index.html | 2 +- docs/native-modules-android.html | 46 ++-- docs/native-modules-android/index.html | 46 ++-- docs/navigation.html | 8 +- docs/navigation/index.html | 8 +- docs/next/getting-started.html | 10 +- docs/next/getting-started/index.html | 10 +- docs/next/navigation.html | 2 +- docs/next/navigation/index.html | 2 +- docs/optimizing-flatlist-configuration.html | 8 +- .../index.html | 8 +- docs/out-of-tree-platforms.html | 1 + docs/out-of-tree-platforms/index.html | 1 + docs/refreshcontrol.html | 96 ++++--- docs/refreshcontrol/index.html | 96 ++++--- docs/safeareaview.html | 38 ++- docs/safeareaview/index.html | 38 ++- docs/scrollview.html | 52 +++- docs/scrollview/index.html | 52 +++- docs/sectionlist.html | 111 ++++++-- docs/sectionlist/index.html | 111 ++++++-- sitemap.xml | 2 +- 691 files changed, 38265 insertions(+), 14605 deletions(-) create mode 100644 docs/0.10/optimizing-flatlist-configuration.html create mode 100644 docs/0.10/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.11/optimizing-flatlist-configuration.html create mode 100644 docs/0.11/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.12/optimizing-flatlist-configuration.html create mode 100644 docs/0.12/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.13/optimizing-flatlist-configuration.html create mode 100644 docs/0.13/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.14/optimizing-flatlist-configuration.html create mode 100644 docs/0.14/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.15/optimizing-flatlist-configuration.html create mode 100644 docs/0.15/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.16/optimizing-flatlist-configuration.html create mode 100644 docs/0.16/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.17/optimizing-flatlist-configuration.html create mode 100644 docs/0.17/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.18/optimizing-flatlist-configuration.html create mode 100644 docs/0.18/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.19/optimizing-flatlist-configuration.html create mode 100644 docs/0.19/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.20/optimizing-flatlist-configuration.html create mode 100644 docs/0.20/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.21/optimizing-flatlist-configuration.html create mode 100644 docs/0.21/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.22/optimizing-flatlist-configuration.html create mode 100644 docs/0.22/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.23/optimizing-flatlist-configuration.html create mode 100644 docs/0.23/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.24/optimizing-flatlist-configuration.html create mode 100644 docs/0.24/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.25/optimizing-flatlist-configuration.html create mode 100644 docs/0.25/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.26/optimizing-flatlist-configuration.html create mode 100644 docs/0.26/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.27/optimizing-flatlist-configuration.html create mode 100644 docs/0.27/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.28/optimizing-flatlist-configuration.html create mode 100644 docs/0.28/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.29/optimizing-flatlist-configuration.html create mode 100644 docs/0.29/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.30/optimizing-flatlist-configuration.html create mode 100644 docs/0.30/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.31/optimizing-flatlist-configuration.html create mode 100644 docs/0.31/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.32/optimizing-flatlist-configuration.html create mode 100644 docs/0.32/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.33/optimizing-flatlist-configuration.html create mode 100644 docs/0.33/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.34/optimizing-flatlist-configuration.html create mode 100644 docs/0.34/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.35/optimizing-flatlist-configuration.html create mode 100644 docs/0.35/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.36/optimizing-flatlist-configuration.html create mode 100644 docs/0.36/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.37/optimizing-flatlist-configuration.html create mode 100644 docs/0.37/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.38/optimizing-flatlist-configuration.html create mode 100644 docs/0.38/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.39/optimizing-flatlist-configuration.html create mode 100644 docs/0.39/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.40/optimizing-flatlist-configuration.html create mode 100644 docs/0.40/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.41/optimizing-flatlist-configuration.html create mode 100644 docs/0.41/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.42/optimizing-flatlist-configuration.html create mode 100644 docs/0.42/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.43/optimizing-flatlist-configuration.html create mode 100644 docs/0.43/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.44/optimizing-flatlist-configuration.html create mode 100644 docs/0.44/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.45/optimizing-flatlist-configuration.html create mode 100644 docs/0.45/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.46/optimizing-flatlist-configuration.html create mode 100644 docs/0.46/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.47/optimizing-flatlist-configuration.html create mode 100644 docs/0.47/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.48/optimizing-flatlist-configuration.html create mode 100644 docs/0.48/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.49/optimizing-flatlist-configuration.html create mode 100644 docs/0.49/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.5/optimizing-flatlist-configuration.html create mode 100644 docs/0.5/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.50/optimizing-flatlist-configuration.html create mode 100644 docs/0.50/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.51/optimizing-flatlist-configuration.html create mode 100644 docs/0.51/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.52/optimizing-flatlist-configuration.html create mode 100644 docs/0.52/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.53/optimizing-flatlist-configuration.html create mode 100644 docs/0.53/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.54/optimizing-flatlist-configuration.html create mode 100644 docs/0.54/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.55/optimizing-flatlist-configuration.html create mode 100644 docs/0.55/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.56/optimizing-flatlist-configuration.html create mode 100644 docs/0.56/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.57/optimizing-flatlist-configuration.html create mode 100644 docs/0.57/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.58/optimizing-flatlist-configuration.html create mode 100644 docs/0.58/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.59/optimizing-flatlist-configuration.html create mode 100644 docs/0.59/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.6/optimizing-flatlist-configuration.html create mode 100644 docs/0.6/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.7/optimizing-flatlist-configuration.html create mode 100644 docs/0.7/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.8/optimizing-flatlist-configuration.html create mode 100644 docs/0.8/optimizing-flatlist-configuration/index.html create mode 100644 docs/0.9/optimizing-flatlist-configuration.html create mode 100644 docs/0.9/optimizing-flatlist-configuration/index.html diff --git a/docs/0.10/components-and-apis.html b/docs/0.10/components-and-apis.html index 32b94d6da26..bc4a695fe88 100644 --- a/docs/0.10/components-and-apis.html +++ b/docs/0.10/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.10

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.10/optimizing-flatlist-configuration/index.html b/docs/0.10/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..c42cc714dbf --- /dev/null +++ b/docs/0.10/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.10

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.11/components-and-apis.html b/docs/0.11/components-and-apis.html index fecf7105122..ae105a212ae 100644 --- a/docs/0.11/components-and-apis.html +++ b/docs/0.11/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.11

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.11/optimizing-flatlist-configuration/index.html b/docs/0.11/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..35911026486 --- /dev/null +++ b/docs/0.11/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.11

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.12/components-and-apis.html b/docs/0.12/components-and-apis.html index 1d0efa326ae..91ce40d7a55 100644 --- a/docs/0.12/components-and-apis.html +++ b/docs/0.12/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.12

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.12/optimizing-flatlist-configuration/index.html b/docs/0.12/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..44bbf5d52cf --- /dev/null +++ b/docs/0.12/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.12

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.13/components-and-apis.html b/docs/0.13/components-and-apis.html index 4d9a3aac7eb..7a2e900e0e3 100644 --- a/docs/0.13/components-and-apis.html +++ b/docs/0.13/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.13

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.13/optimizing-flatlist-configuration/index.html b/docs/0.13/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..0480285c43d --- /dev/null +++ b/docs/0.13/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.13

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.14/components-and-apis.html b/docs/0.14/components-and-apis.html index dc0b940da32..75d3fc982ea 100644 --- a/docs/0.14/components-and-apis.html +++ b/docs/0.14/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.14

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.14/optimizing-flatlist-configuration/index.html b/docs/0.14/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..4f164fc20dd --- /dev/null +++ b/docs/0.14/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.14

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.15/components-and-apis.html b/docs/0.15/components-and-apis.html index 0dbce228efd..7499028b339 100644 --- a/docs/0.15/components-and-apis.html +++ b/docs/0.15/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.15

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.15/optimizing-flatlist-configuration/index.html b/docs/0.15/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..0d56ed762e4 --- /dev/null +++ b/docs/0.15/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.15

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.16/components-and-apis.html b/docs/0.16/components-and-apis.html index 365924cff97..52548b36196 100644 --- a/docs/0.16/components-and-apis.html +++ b/docs/0.16/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.16

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.16/optimizing-flatlist-configuration/index.html b/docs/0.16/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..c5cac79e362 --- /dev/null +++ b/docs/0.16/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.16

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.17/components-and-apis.html b/docs/0.17/components-and-apis.html index 7cfd8837096..5f2af846e3c 100644 --- a/docs/0.17/components-and-apis.html +++ b/docs/0.17/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.17

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.17/optimizing-flatlist-configuration/index.html b/docs/0.17/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..80cfc6f2e7f --- /dev/null +++ b/docs/0.17/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.17

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.18/components-and-apis.html b/docs/0.18/components-and-apis.html index 4332db07680..74b9604b1d5 100644 --- a/docs/0.18/components-and-apis.html +++ b/docs/0.18/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.18

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.18/optimizing-flatlist-configuration/index.html b/docs/0.18/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..4098c0cd39c --- /dev/null +++ b/docs/0.18/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.18

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.19/components-and-apis.html b/docs/0.19/components-and-apis.html index 989aed8fa6a..078e7439643 100644 --- a/docs/0.19/components-and-apis.html +++ b/docs/0.19/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.19

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.19/optimizing-flatlist-configuration/index.html b/docs/0.19/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..fc73e8cbd9e --- /dev/null +++ b/docs/0.19/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.19

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.20/components-and-apis.html b/docs/0.20/components-and-apis.html index e8cfdbffb6e..431f0c4f502 100644 --- a/docs/0.20/components-and-apis.html +++ b/docs/0.20/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.20

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.20/optimizing-flatlist-configuration/index.html b/docs/0.20/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..65731703988 --- /dev/null +++ b/docs/0.20/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.20

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.21/components-and-apis.html b/docs/0.21/components-and-apis.html index 5400b9e6ac3..f3d88d20e81 100644 --- a/docs/0.21/components-and-apis.html +++ b/docs/0.21/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.21

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.21/optimizing-flatlist-configuration/index.html b/docs/0.21/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..97e6a9c1c1d --- /dev/null +++ b/docs/0.21/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.21

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.22/components-and-apis.html b/docs/0.22/components-and-apis.html index bca1b74e41b..bd4f4bde602 100644 --- a/docs/0.22/components-and-apis.html +++ b/docs/0.22/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.22

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.22/optimizing-flatlist-configuration/index.html b/docs/0.22/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..2fbec269955 --- /dev/null +++ b/docs/0.22/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.22

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.23/components-and-apis.html b/docs/0.23/components-and-apis.html index 2cde95c4a51..790a284ffbc 100644 --- a/docs/0.23/components-and-apis.html +++ b/docs/0.23/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.23

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.23/optimizing-flatlist-configuration/index.html b/docs/0.23/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..ec55a8f5802 --- /dev/null +++ b/docs/0.23/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.23

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.24/components-and-apis.html b/docs/0.24/components-and-apis.html index 8aa6176c3ed..94965109a3f 100644 --- a/docs/0.24/components-and-apis.html +++ b/docs/0.24/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.24

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.24/optimizing-flatlist-configuration/index.html b/docs/0.24/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..ea54a4f03b9 --- /dev/null +++ b/docs/0.24/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.24

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.25/components-and-apis.html b/docs/0.25/components-and-apis.html index d9c248cb070..e8348746c47 100644 --- a/docs/0.25/components-and-apis.html +++ b/docs/0.25/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.25

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.25/optimizing-flatlist-configuration/index.html b/docs/0.25/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..e60ca1c83db --- /dev/null +++ b/docs/0.25/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.25

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.26/components-and-apis.html b/docs/0.26/components-and-apis.html index fa25d769dc6..9a812fd6e67 100644 --- a/docs/0.26/components-and-apis.html +++ b/docs/0.26/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.26

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.26/optimizing-flatlist-configuration/index.html b/docs/0.26/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..196cfdab6d5 --- /dev/null +++ b/docs/0.26/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.26

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.27/components-and-apis.html b/docs/0.27/components-and-apis.html index 39d6c582ac5..448d0db8201 100644 --- a/docs/0.27/components-and-apis.html +++ b/docs/0.27/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.27

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.27/optimizing-flatlist-configuration/index.html b/docs/0.27/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..f0ab70cfa2f --- /dev/null +++ b/docs/0.27/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.27

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.28/components-and-apis.html b/docs/0.28/components-and-apis.html index 3d8b174161f..7df3b36f9e3 100644 --- a/docs/0.28/components-and-apis.html +++ b/docs/0.28/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.28

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.28/optimizing-flatlist-configuration/index.html b/docs/0.28/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..56f30bbb863 --- /dev/null +++ b/docs/0.28/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.28

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.29/components-and-apis.html b/docs/0.29/components-and-apis.html index 7b2ea414ba8..0f0cf8f3154 100644 --- a/docs/0.29/components-and-apis.html +++ b/docs/0.29/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.29

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.29/optimizing-flatlist-configuration/index.html b/docs/0.29/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..7ed924992c1 --- /dev/null +++ b/docs/0.29/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.29

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.30/components-and-apis.html b/docs/0.30/components-and-apis.html index 3c5ce2a5387..6f43e1ed3ba 100644 --- a/docs/0.30/components-and-apis.html +++ b/docs/0.30/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.30

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.30/optimizing-flatlist-configuration/index.html b/docs/0.30/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..dce4fac7e82 --- /dev/null +++ b/docs/0.30/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.30

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.31/components-and-apis.html b/docs/0.31/components-and-apis.html index 7d9ac1685bc..e0483114942 100644 --- a/docs/0.31/components-and-apis.html +++ b/docs/0.31/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.31

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.31/optimizing-flatlist-configuration/index.html b/docs/0.31/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..ca9771f0bb7 --- /dev/null +++ b/docs/0.31/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.31

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.32/components-and-apis.html b/docs/0.32/components-and-apis.html index 376a76471ba..b83d5e12305 100644 --- a/docs/0.32/components-and-apis.html +++ b/docs/0.32/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.32

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.32/optimizing-flatlist-configuration/index.html b/docs/0.32/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..07ebf778b6c --- /dev/null +++ b/docs/0.32/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.32

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.33/components-and-apis.html b/docs/0.33/components-and-apis.html index b51fadcba0c..2951ff8f131 100644 --- a/docs/0.33/components-and-apis.html +++ b/docs/0.33/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.33

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.33/optimizing-flatlist-configuration/index.html b/docs/0.33/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..73f2efdd284 --- /dev/null +++ b/docs/0.33/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.33

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.34/components-and-apis.html b/docs/0.34/components-and-apis.html index cf81fcbc32f..f1a556dba56 100644 --- a/docs/0.34/components-and-apis.html +++ b/docs/0.34/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.34

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.34/optimizing-flatlist-configuration/index.html b/docs/0.34/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..5969cb9eacc --- /dev/null +++ b/docs/0.34/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.34

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.35/components-and-apis.html b/docs/0.35/components-and-apis.html index f34bc1e8819..6953fc8910e 100644 --- a/docs/0.35/components-and-apis.html +++ b/docs/0.35/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.35

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.35/optimizing-flatlist-configuration/index.html b/docs/0.35/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..3d6ce9c5cc9 --- /dev/null +++ b/docs/0.35/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.35

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.36/components-and-apis.html b/docs/0.36/components-and-apis.html index d874fa6e5b1..0c2210c31e5 100644 --- a/docs/0.36/components-and-apis.html +++ b/docs/0.36/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.36

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.36/optimizing-flatlist-configuration/index.html b/docs/0.36/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..92f208bce45 --- /dev/null +++ b/docs/0.36/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.36

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.37/components-and-apis.html b/docs/0.37/components-and-apis.html index 91922bc1535..667ecf98899 100644 --- a/docs/0.37/components-and-apis.html +++ b/docs/0.37/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.37

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.37/optimizing-flatlist-configuration/index.html b/docs/0.37/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..2bd32148c48 --- /dev/null +++ b/docs/0.37/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.37

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.38/components-and-apis.html b/docs/0.38/components-and-apis.html index d74a85e8e68..26ee41fc7c0 100644 --- a/docs/0.38/components-and-apis.html +++ b/docs/0.38/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.38

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.38/optimizing-flatlist-configuration/index.html b/docs/0.38/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..ae97d0edb43 --- /dev/null +++ b/docs/0.38/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.38

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.39/components-and-apis.html b/docs/0.39/components-and-apis.html index a3c2b375b52..fe12a98dc0c 100644 --- a/docs/0.39/components-and-apis.html +++ b/docs/0.39/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.39

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.39/optimizing-flatlist-configuration/index.html b/docs/0.39/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..4920eb688b6 --- /dev/null +++ b/docs/0.39/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.39

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.40/components-and-apis.html b/docs/0.40/components-and-apis.html index 30718bd4a97..96f3ca64a46 100644 --- a/docs/0.40/components-and-apis.html +++ b/docs/0.40/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.40

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.40/optimizing-flatlist-configuration/index.html b/docs/0.40/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..811fe5fa2f4 --- /dev/null +++ b/docs/0.40/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.40

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.41/components-and-apis.html b/docs/0.41/components-and-apis.html index 8641694b041..192aefc9eee 100644 --- a/docs/0.41/components-and-apis.html +++ b/docs/0.41/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.41

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.41/optimizing-flatlist-configuration/index.html b/docs/0.41/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..3302571a8fc --- /dev/null +++ b/docs/0.41/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.41

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.42/components-and-apis.html b/docs/0.42/components-and-apis.html index 1a7fff67f53..96d9a4c13ca 100644 --- a/docs/0.42/components-and-apis.html +++ b/docs/0.42/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.42

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.42/optimizing-flatlist-configuration/index.html b/docs/0.42/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..f048725e900 --- /dev/null +++ b/docs/0.42/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.42

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.43/components-and-apis.html b/docs/0.43/components-and-apis.html index d54aa21238d..1c664d8bced 100644 --- a/docs/0.43/components-and-apis.html +++ b/docs/0.43/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.43

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.43/optimizing-flatlist-configuration/index.html b/docs/0.43/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..660210975dd --- /dev/null +++ b/docs/0.43/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.43

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.44/components-and-apis.html b/docs/0.44/components-and-apis.html index 1faad06bb51..69d5228cd00 100644 --- a/docs/0.44/components-and-apis.html +++ b/docs/0.44/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.44

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.44/optimizing-flatlist-configuration/index.html b/docs/0.44/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..4c21fc4a6b1 --- /dev/null +++ b/docs/0.44/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.44

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.45/components-and-apis.html b/docs/0.45/components-and-apis.html index ca278d6065c..69ff29671a5 100644 --- a/docs/0.45/components-and-apis.html +++ b/docs/0.45/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.45

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.45/optimizing-flatlist-configuration/index.html b/docs/0.45/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..d7e7a9bda32 --- /dev/null +++ b/docs/0.45/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.45

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.46/components-and-apis.html b/docs/0.46/components-and-apis.html index 37162470820..f63cfb57663 100644 --- a/docs/0.46/components-and-apis.html +++ b/docs/0.46/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.46

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.46/optimizing-flatlist-configuration/index.html b/docs/0.46/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..5e4177b2a8e --- /dev/null +++ b/docs/0.46/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.46

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.47/components-and-apis.html b/docs/0.47/components-and-apis.html index ca38ef0b6c2..e1f35230a61 100644 --- a/docs/0.47/components-and-apis.html +++ b/docs/0.47/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.47

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.47/optimizing-flatlist-configuration/index.html b/docs/0.47/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..055e3b14854 --- /dev/null +++ b/docs/0.47/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.47

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.48/components-and-apis.html b/docs/0.48/components-and-apis.html index f039ac1844f..67a71ad9b7c 100644 --- a/docs/0.48/components-and-apis.html +++ b/docs/0.48/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.48

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.48/optimizing-flatlist-configuration/index.html b/docs/0.48/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..3bcc8b444e1 --- /dev/null +++ b/docs/0.48/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.48

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.49/components-and-apis.html b/docs/0.49/components-and-apis.html index 2cadf68c1f3..b069008878d 100644 --- a/docs/0.49/components-and-apis.html +++ b/docs/0.49/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.49

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.49/optimizing-flatlist-configuration/index.html b/docs/0.49/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..2d656721edf --- /dev/null +++ b/docs/0.49/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.49

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.5/components-and-apis.html b/docs/0.5/components-and-apis.html index 7a3ed6ed7b5..f535871ba27 100644 --- a/docs/0.5/components-and-apis.html +++ b/docs/0.5/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.5

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.5/optimizing-flatlist-configuration/index.html b/docs/0.5/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..06fa68f3c3f --- /dev/null +++ b/docs/0.5/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.5

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.50/components-and-apis.html b/docs/0.50/components-and-apis.html index a7763fce158..e55f012db3d 100644 --- a/docs/0.50/components-and-apis.html +++ b/docs/0.50/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.50

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.50/optimizing-flatlist-configuration/index.html b/docs/0.50/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..1d37828631f --- /dev/null +++ b/docs/0.50/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.50

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.51/components-and-apis.html b/docs/0.51/components-and-apis.html index 7ed1e0d597d..f85cbd0a474 100644 --- a/docs/0.51/components-and-apis.html +++ b/docs/0.51/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.51

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.51/optimizing-flatlist-configuration/index.html b/docs/0.51/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..ea2dd2da87c --- /dev/null +++ b/docs/0.51/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.51

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.52/components-and-apis.html b/docs/0.52/components-and-apis.html index 4e49d941dab..edb886da0cf 100644 --- a/docs/0.52/components-and-apis.html +++ b/docs/0.52/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.52

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.52/optimizing-flatlist-configuration/index.html b/docs/0.52/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..36f89fc14c8 --- /dev/null +++ b/docs/0.52/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.52

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.53/components-and-apis.html b/docs/0.53/components-and-apis.html index af9c59fdee2..4e4fb183f65 100644 --- a/docs/0.53/components-and-apis.html +++ b/docs/0.53/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.53

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.53/optimizing-flatlist-configuration/index.html b/docs/0.53/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..3b4cfe0bb2a --- /dev/null +++ b/docs/0.53/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.53

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.54/components-and-apis.html b/docs/0.54/components-and-apis.html index 0e21592d7ac..1ffdbd17e60 100644 --- a/docs/0.54/components-and-apis.html +++ b/docs/0.54/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.54

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.54/optimizing-flatlist-configuration/index.html b/docs/0.54/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..e2104443698 --- /dev/null +++ b/docs/0.54/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.54

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.55/components-and-apis.html b/docs/0.55/components-and-apis.html index abc6ca30539..582e9d707dc 100644 --- a/docs/0.55/components-and-apis.html +++ b/docs/0.55/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.55

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.55/optimizing-flatlist-configuration/index.html b/docs/0.55/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..1651ca0d504 --- /dev/null +++ b/docs/0.55/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.55

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.56/components-and-apis.html b/docs/0.56/components-and-apis.html index 33b9f7164de..157a0614757 100644 --- a/docs/0.56/components-and-apis.html +++ b/docs/0.56/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.56

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.56/optimizing-flatlist-configuration/index.html b/docs/0.56/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..cb86152d0ad --- /dev/null +++ b/docs/0.56/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.56

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.57/components-and-apis.html b/docs/0.57/components-and-apis.html index c8ad1483882..91d3edbe4f7 100644 --- a/docs/0.57/components-and-apis.html +++ b/docs/0.57/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.57

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.57/optimizing-flatlist-configuration/index.html b/docs/0.57/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..bfb887c04e5 --- /dev/null +++ b/docs/0.57/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.57

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.58/components-and-apis.html b/docs/0.58/components-and-apis.html index 22e834c32b0..862cceebdb2 100644 --- a/docs/0.58/components-and-apis.html +++ b/docs/0.58/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.58

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.58/optimizing-flatlist-configuration/index.html b/docs/0.58/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..db3441312d6 --- /dev/null +++ b/docs/0.58/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.58

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.59/components-and-apis.html b/docs/0.59/components-and-apis.html index 08ce4e65f3f..9c0da0addb0 100644 --- a/docs/0.59/components-and-apis.html +++ b/docs/0.59/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.59

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.59/optimizing-flatlist-configuration/index.html b/docs/0.59/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..af9f3cbfbea --- /dev/null +++ b/docs/0.59/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.59

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.6/components-and-apis.html b/docs/0.6/components-and-apis.html index 223ab25052f..d1b29ebd1a7 100644 --- a/docs/0.6/components-and-apis.html +++ b/docs/0.6/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.6

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.6/optimizing-flatlist-configuration/index.html b/docs/0.6/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..bd9e5ae2d06 --- /dev/null +++ b/docs/0.6/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.6

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.7/components-and-apis.html b/docs/0.7/components-and-apis.html index 66a42cc3c03..f69f62c68de 100644 --- a/docs/0.7/components-and-apis.html +++ b/docs/0.7/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.7

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.7/optimizing-flatlist-configuration/index.html b/docs/0.7/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..56b7dba646b --- /dev/null +++ b/docs/0.7/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.7

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.8/components-and-apis.html b/docs/0.8/components-and-apis.html index 438581a42c4..775ed0ed989 100644 --- a/docs/0.8/components-and-apis.html +++ b/docs/0.8/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.8

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.8/optimizing-flatlist-configuration/index.html b/docs/0.8/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..6b8aa4aaeea --- /dev/null +++ b/docs/0.8/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.8

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.9/components-and-apis.html b/docs/0.9/components-and-apis.html index c738a813e3d..c2d5f20997f 100644 --- a/docs/0.9/components-and-apis.html +++ b/docs/0.9/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →

0.9

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/0.9/optimizing-flatlist-configuration/index.html b/docs/0.9/optimizing-flatlist-configuration/index.html new file mode 100644 index 00000000000..7f771e4e96a --- /dev/null +++ b/docs/0.9/optimizing-flatlist-configuration/index.html @@ -0,0 +1,153 @@ +Optimizing Flatlist Configuration · React Native

0.9

Edit

Optimizing Flatlist Configuration

Terms

+
    +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

    • +

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

    • +

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

    • +

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • +

  • Viewport: The visible area of content that is rendered to pixels.

    • +

  • Window: The area in which items should be mounted, which is generally much larger than the viewport.

    • +
+

Props

+

Here are a list of props that can help to improve FlatList performance:

+

removeClippedSubviews

+ + + + + + + +
TypeDefault
BooleanFalse
+

If true, views that are outside of the viewport are detached from the native view hierarchy.

+

Pros: This reduces time spent on the main thread, and thus reduces the risk of dropped frames, by excluding views outside of the viewport from the native rendering and drawing traversals.

+

Cons: Be aware that this implementation can have bugs, such as missing content (mainly observed on iOS), especially if you are doing complex things with transforms and/or absolute positioning. Also note this does not save significant memory because the views are not deallocated, just detached.

+

maxToRenderPerBatch

+ + + + + + + +
TypeDefault
Number10
+

It is a VirtualizedList prop that can be passed through FlatList. This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.

+

Pros: Setting a bigger number means less visual blank areas when scrolling (increases the fill rate).

+

Cons: More items per batch means longer periods of JavaScript execution potentially blocking other event processing, like presses, hurting responsiveness.

+

updateCellsBatchingPeriod

+ + + + + + + +
TypeDefault
Number50
+

While maxToRenderPerBatch tells the amount of items rendered per batch, setting updateCellsBatchingPeriod tells your VirtualizedList the delay in milliseconds between batch renders (how frequently your component will be rendering the windowed items).

+

Pros: Combining this prop with maxToRenderPerBatch gives you the power to, for example, render more items in a less frequent batch, or less items in a more frequent batch.

+

Cons: Less frequent batches may cause blank areas, More frequent batches may cause responsiveness issues.

+

initialNumToRender

+ + + + + + + +
TypeDefault
Number10
+

The initial amount of items to render.

+

Pros: Define precise number of items that would cover the screen for every device. This can be a big performance boost for the initial render.

+

Cons: Setting a low initialNumToRender may cause blank areas, especially if it's too small to cover the viewport on initial render.

+

windowSize

+ + + + + + + +
TypeDefault
Number21
+

The number passed here is a measurement unit where 1 is equivalent to your viewport height. The default value is 21 (10 viewports above, 10 below, and one in between).

+

Pros: Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

+

Cons: For a bigger windowSize, you will have more memory consumption. For a lower windowSize, you will have a bigger chance of seeing blank areas.

+

legacyImplementation

+ + + + + + + +
TypeDefault
BooleanFalse
+

Make FlatList rely on the older and deprecated ListView instead of VirtualizedList.

+

Pros: No risk of seeing blank areas while scrolling. May avoid bugs in VirtualizedList.

+

Cons: Extra memory consumption and more app crash risk in large lists (100+) with complex items. It also warns that the above tweaks will not work because now it is using ListView. Many other features are not supported. There may be other bugs since ListView is deprecated.

+

List items

+

Below are some tips about list item components. They are the core of your list, so they need to be fast.

+

Use simple components

+

The more complex your components are, the slower they will render. Try to avoid a lot of logic and nesting in your list items. If you are reusing this list item component a lot in your app, create a component just for your big lists and make them with as little logic and nesting as possible.

+

Use light components

+

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

+

Use shouldComponentUpdate

+

Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

+
shouldComponentUpdate() {
+  return false
+}
+
+

Use cached optimized images

+

You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

+

Use getItemLayout

+

If all your list item components have the same height (or width, for a horizontal list), providing the getItemLayout prop removes the need for your FlatList to manage async layout calculations. This is a very desirable optimization technique.

+

If your components have dynamic size and you really need performance, consider asking your design team if they may think of a redesign in order to perform better.

+

Use keyExtractor or key

+

You can set the keyExtractor to your FlatList component. This prop is used for caching and as the React key to track item re-ordering.

+

You can also use a key prop in you item component.

+

Avoid anonymous function on renderItem

+

Move out the renderItem function to the outside of render function, so it won't recreate itself each time render function called.

+
renderItem = ({ item }) => (<View key={item.key}><Text>{item.title}</Text></View>);
+
+render(){
+  // ...
+
+  <FlatList
+    data={items}
+    renderItem={renderItem}
+  />
+
+  // ...
+}
+
+
\ No newline at end of file diff --git a/docs/components-and-apis.html b/docs/components-and-apis.html index ab8a28551ea..f2b68347664 100644 --- a/docs/components-and-apis.html +++ b/docs/components-and-apis.html @@ -82,188 +82,258 @@

Most apps will end up using one of these basic components. You'll want to get yourself familiarized with all of these if you're new to React Native.

-

View

-

The most fundamental component for building a UI.

+ +

View

+

The most fundamental component for building a UI.

+
-

Text

-

A component for displaying text.

+ +

Text

+

A component for displaying text.

+
-

Image

-

A component for displaying images.

+ +

Image

+

A component for displaying images.

+
-

TextInput

-

A component for inputting text into the app via a keyboard.

+ +

TextInput

+

A component for inputting text into the app via a keyboard.

+
-

ScrollView

-

Provides a scrolling container that can host multiple components and views.

+ +

ScrollView

+

Provides a scrolling container that can host multiple components and views.

+
-

StyleSheet

-

Provides an abstraction layer similar to CSS stylesheets.

+ +

StyleSheet

+

Provides an abstraction layer similar to CSS stylesheets.

+

User Interface

Render common user interface controls on any platform using the following components. For platform specific components, keep reading.

-

Button

-

A basic button component for handling touches that should render nicely on any platform.

+ +

Button

+

A basic button component for handling touches that should render nicely on any platform.

+
-

Picker

-

Renders the native picker component on iOS and Android.

+ +

Picker

+

Renders the native picker component on iOS and Android.

+
-

Slider

-

A component used to select a single value from a range of values.

+ +

Slider

+

A component used to select a single value from a range of values.

+
-

Switch

-

Renders a boolean input.

+ +

Switch

+

Renders a boolean input.

+

List Views

-

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

+

Unlike the more generic ScrollView, the following list view components only render elements that are currently showing on the screen. This makes them a great choice for displaying long lists of data.

-

FlatList

-

A component for rendering performant scrollable lists.

+ +

FlatList

+

A component for rendering performant scrollable lists.

+
-

SectionList

-

Like FlatList, but for sectioned lists.

+ +

SectionList

+

Like FlatList, but for sectioned lists.

+

iOS Components and APIs

Many of the following components provide wrappers for commonly used UIKit classes.

-

ActionSheetIOS

-

API to display an iOS action sheet or share sheet.

+ +

ActionSheetIOS

+

API to display an iOS action sheet or share sheet.

+
-

AlertIOS

-

Create an iOS alert dialog with a message or create a prompt for user input.

+ +

AlertIOS

+

Create an iOS alert dialog with a message or create a prompt for user input.

+
-

DatePickerIOS

-

Renders a date/time picker (selector) on iOS.

+ +

DatePickerIOS

+

Renders a date/time picker (selector) on iOS.

+
-

ImagePickerIOS

-

Renders a image picker on iOS.

+ +

ImagePickerIOS

+

Renders a image picker on iOS.

+
-

ProgressViewIOS

-

Renders a UIProgressView on iOS.

+ +

ProgressViewIOS

+

Renders a UIProgressView on iOS.

+
-

PushNotificationIOS

-

Handle push notifications for your app, including permission handling and icon badge number.

+ +

PushNotificationIOS

+

Handle push notifications for your app, including permission handling and icon badge number.

+
-

SegmentedControlIOS

-

Renders a UISegmentedControl on iOS.

-
-
-

TabBarIOS

-

Renders a UITabViewController on iOS. Use with TabBarIOS.Item.

+ +

SegmentedControlIOS

+

Renders a UISegmentedControl on iOS.

+

Android Components and APIs

Many of the following components provide wrappers for commonly used Android classes.

-

BackHandler

-

Detect hardware button presses for back navigation.

+ +

BackHandler

+

Detect hardware button presses for back navigation.

+
-

DatePickerAndroid

-

Opens the standard Android date picker dialog.

+ +

DatePickerAndroid

+

Opens the standard Android date picker dialog.

+
-

DrawerLayoutAndroid

-

Renders a DrawerLayout on Android.

+ +

DrawerLayoutAndroid

+

Renders a DrawerLayout on Android.

+
-

PermissionsAndroid

-

Provides access to the permissions model introduced in Android M.

+ +

PermissionsAndroid

+

Provides access to the permissions model introduced in Android M.

+
-

ProgressBarAndroid

-

Renders a ProgressBar on Android.

+ +

ProgressBarAndroid

+

Renders a ProgressBar on Android.

+
-

TimePickerAndroid

-

Opens the standard Android time picker dialog.

+ +

TimePickerAndroid

+

Opens the standard Android time picker dialog.

+
-

ToastAndroid

-

Create an Android Toast alert.

+ +

ToastAndroid

+

Create an Android Toast alert.

+
-

ToolbarAndroid

-

Renders a Toolbar on Android.

+ +

ToolbarAndroid

+

Renders a Toolbar on Android.

+
-

ViewPagerAndroid

-

Container that allows to flip left and right between child views.

+ +

ViewPagerAndroid

+

Container that allows to flip left and right between child views.

+

Others

These components may come in handy for certain applications. For an exhaustive list of components and APIs, check out the sidebar to the left.

-

ActivityIndicator

-

Displays a circular loading indicator.

+ +

ActivityIndicator

+

Displays a circular loading indicator.

+
-

Alert

-

Launches an alert dialog with the specified title and message.

+ +

Alert

+

Launches an alert dialog with the specified title and message.

+
-

Animated

-

A library for creating fluid, powerful animations that are easy to build and maintain.

+ +

Animated

+

A library for creating fluid, powerful animations that are easy to build and maintain.

+
-

Clipboard

-

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+ +

Clipboard

+

Provides an interface for setting and getting content from the clipboard on both iOS and Android.

+
-

Dimensions

-

Provides an interface for getting device dimensions.

+ +

Dimensions

+

Provides an interface for getting device dimensions.

+
-

KeyboardAvoidingView

-

Provides a view that moves out of the way of the virtual keyboard automatically.

+ +

KeyboardAvoidingView

+

Provides a view that moves out of the way of the virtual keyboard automatically.

+
-

Linking

-

Provides a general interface to interact with both incoming and outgoing app links.

+ +

Linking

+

Provides a general interface to interact with both incoming and outgoing app links.

+
-

Modal

-

Provides a simple way to present content above an enclosing view.

+ +

Modal

+

Provides a simple way to present content above an enclosing view.

+
-

PixelRatio

-

Provides access to the device pixel density.

+ +

PixelRatio

+

Provides access to the device pixel density.

+
-

RefreshControl

-

This component is used inside a ScrollView to add pull to refresh functionality.

+ +

RefreshControl

+

This component is used inside a ScrollView to add pull to refresh functionality.

+
-

StatusBar

-

Component to control the app status bar.

-
-
-

WebView

-

A component that renders web content in a native view.

+ +

StatusBar

+

Component to control the app status bar.

+
← More ResourcesPlatform Specific Code →
Edit

Optimizing Flatlist Configuration

Terms

    -

  • VirtualizedList: The component behind FlatList (React Native's implementation of the 'Virtual List' concept.)

    • +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • @@ -159,9 +159,9 @@

    The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

    Use shouldComponentUpdate

    Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

    -
        shouldComponentUpdate() {
-      return false
-    }
+
    shouldComponentUpdate() {
+  return false
+}
 
    
 
    Use cached optimized images
    
 
    You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.
    
diff --git a/docs/optimizing-flatlist-configuration/index.html b/docs/optimizing-flatlist-configuration/index.html
index 7883ba06bf0..79a0b3106a3 100644
--- a/docs/optimizing-flatlist-configuration/index.html
+++ b/docs/optimizing-flatlist-configuration/index.html
@@ -70,7 +70,7 @@
             });
Edit

Optimizing Flatlist Configuration

Terms

    -

  • VirtualizedList: The component behind FlatList (React Native's implementation of the 'Virtual List' concept.)

    • +

  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

    • @@ -159,9 +159,9 @@

    The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

    Use shouldComponentUpdate

    Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

    -
        shouldComponentUpdate() {
-      return false
-    }
+
    shouldComponentUpdate() {
+  return false
+}
 
    
 
    Use cached optimized images
    
 
    You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.
    
diff --git a/docs/out-of-tree-platforms.html b/docs/out-of-tree-platforms.html
index 1b3ea5795d1..9a08001fdcd 100644
--- a/docs/out-of-tree-platforms.html
+++ b/docs/out-of-tree-platforms.html
@@ -75,6 +75,7 @@
 
  • React Native Turbolinks - React Native adapter for building hybrid apps with Turbolinks 5.
    • 
 
  • React Native Desktop - A project aiming to bring React Native to the Desktop with Qt's QML. A fork of React Native Ubuntu, which is no longer maintained.
    • 
 
  • React Native macOS - An experimental React Native fork targeting macOS and Cocoa
    • 
+
  • React Native tvOS - adaptation of React Native for Apple tvOS
    • 
 
  • alita - An experimental, comprehensive port of React Native to mini-program(微信小程序).
    •

Creating your own React Native platform

diff --git a/docs/out-of-tree-platforms/index.html b/docs/out-of-tree-platforms/index.html index 1b3ea5795d1..9a08001fdcd 100644 --- a/docs/out-of-tree-platforms/index.html +++ b/docs/out-of-tree-platforms/index.html @@ -75,6 +75,7 @@
  • React Native Turbolinks - React Native adapter for building hybrid apps with Turbolinks 5.
  • React Native Desktop - A project aiming to bring React Native to the Desktop with Qt's QML. A fork of React Native Ubuntu, which is no longer maintained.
  • React Native macOS - An experimental React Native fork targeting macOS and Cocoa
    • +
  • React Native tvOS - adaptation of React Native for Apple tvOS
  • alita - An experimental, comprehensive port of React Native to mini-program(微信小程序).

    • Creating your own React Native platform

    diff --git a/docs/refreshcontrol.html b/docs/refreshcontrol.html index 466068f2369..55713ac5318 100644 --- a/docs/refreshcontrol.html +++ b/docs/refreshcontrol.html @@ -69,41 +69,73 @@ } });
    Edit

    RefreshControl

    This component is used inside a ScrollView or ListView to add pull to refresh functionality. When the ScrollView is at scrollY: 0, swiping down triggers an onRefresh event.

    -

    Usage example

    -
    import { ScrollView, RefreshControl } from 'react-native';
+
    Example
    
+

    Note: refreshing is a controlled prop, this is why it needs to be set to true in the onRefresh function otherwise the refresh indicator will stop immediately.

    Reference

    Props

    diff --git a/docs/refreshcontrol/index.html b/docs/refreshcontrol/index.html index 466068f2369..55713ac5318 100644 --- a/docs/refreshcontrol/index.html +++ b/docs/refreshcontrol/index.html @@ -69,41 +69,73 @@ } });
    Edit

    RefreshControl

    This component is used inside a ScrollView or ListView to add pull to refresh functionality. When the ScrollView is at scrollY: 0, swiping down triggers an onRefresh event.

    -

    Usage example

    -
    import { ScrollView, RefreshControl } from 'react-native';
+
    Example
    
+

    Note: refreshing is a controlled prop, this is why it needs to be set to true in the onRefresh function otherwise the refresh indicator will stop immediately.

    Reference

    Props

    diff --git a/docs/safeareaview.html b/docs/safeareaview.html index d2490265b2f..d9060d2d5c6 100644 --- a/docs/safeareaview.html +++ b/docs/safeareaview.html @@ -72,13 +72,37 @@

    SafeAreaView renders nested content and automatically applies paddings to reflect the portion of the view that is not covered by navigation bars, tab bars, toolbars, and other ancestor views. Moreover, and most importantly, Safe Area's paddings reflect the physical limitation of the screen, such as rounded corners or camera notches (i.e. the sensor housing area on iPhone X).

    Usage Example

    Simply wrap your top level view with a SafeAreaView with a flex: 1 style applied to it. You may also want to use a background color that matches your application's design.

    -
    <SafeAreaView style={{flex: 1, backgroundColor: '#fff'}}>
-  <View style={{flex: 1}}>
-    <Text>Hello World!</Text>
-  </View>
-</SafeAreaView>
-
    -
    +

    Reference

    Props

    Inherits View Props.

    diff --git a/docs/safeareaview/index.html b/docs/safeareaview/index.html index d2490265b2f..d9060d2d5c6 100644 --- a/docs/safeareaview/index.html +++ b/docs/safeareaview/index.html @@ -72,13 +72,37 @@

    SafeAreaView renders nested content and automatically applies paddings to reflect the portion of the view that is not covered by navigation bars, tab bars, toolbars, and other ancestor views. Moreover, and most importantly, Safe Area's paddings reflect the physical limitation of the screen, such as rounded corners or camera notches (i.e. the sensor housing area on iPhone X).

    Usage Example

    Simply wrap your top level view with a SafeAreaView with a flex: 1 style applied to it. You may also want to use a background color that matches your application's design.

    -
    <SafeAreaView style={{flex: 1, backgroundColor: '#fff'}}>
-  <View style={{flex: 1}}>
-    <Text>Hello World!</Text>
-  </View>
-</SafeAreaView>
-
    -
    +

    Reference

    Props

    Inherits View Props.

    diff --git a/docs/scrollview.html b/docs/scrollview.html index 62122670f6c..67afa3e627b 100644 --- a/docs/scrollview.html +++ b/docs/scrollview.html @@ -76,7 +76,57 @@

    On the other hand, this has a performance downside. Imagine you have a very long list of items you want to display, maybe several screens worth of content. Creating JS components and native views for everything all at once, much of which may not even be shown, will contribute to slow rendering and increased memory usage.

    This is where FlatList comes into play. FlatList renders items lazily, just when they are about to appear, and removes items that scroll way off screen to save memory and processing time.

    FlatList is also handy if you want to render separators between your items, multiple columns, infinite scroll loading, or any number of other features it supports out of the box.

    -
    +

    Example

    +

    Reference

    Props

    Inherits View Props.

    diff --git a/docs/scrollview/index.html b/docs/scrollview/index.html index 62122670f6c..67afa3e627b 100644 --- a/docs/scrollview/index.html +++ b/docs/scrollview/index.html @@ -76,7 +76,57 @@

    On the other hand, this has a performance downside. Imagine you have a very long list of items you want to display, maybe several screens worth of content. Creating JS components and native views for everything all at once, much of which may not even be shown, will contribute to slow rendering and increased memory usage.

    This is where FlatList comes into play. FlatList renders items lazily, just when they are about to appear, and removes items that scroll way off screen to save memory and processing time.

    FlatList is also handy if you want to render separators between your items, multiple columns, infinite scroll loading, or any number of other features it supports out of the box.

    -
    +

    Example

    +

    Reference

    Props

    Inherits View Props.

    diff --git a/docs/sectionlist.html b/docs/sectionlist.html index 7e4aa0537a0..4cdbde32fa2 100644 --- a/docs/sectionlist.html +++ b/docs/sectionlist.html @@ -83,33 +83,92 @@

    If you don't need section support and want a simpler interface, use <FlatList>.

    Simple Examples:

    -
    // Example 1 (Homogeneous Rendering)
-<SectionList
-  renderItem={({item, index, section}) => <Text key={index}>{item}</Text>}
-  renderSectionHeader={({section: {title}}) => (
-    <Text style={{fontWeight: 'bold'}}>{title}</Text>
-  )}
-  sections={[
-    {title: 'Title1', data: ['item1', 'item2']},
-    {title: 'Title2', data: ['item3', 'item4']},
-    {title: 'Title3', data: ['item5', 'item6']},
-  ]}
-  keyExtractor={(item, index) => item + index}
-/>
-
    -
    // Example 2 (Heterogeneous Rendering / No Section Headers)
-const overrideRenderItem = ({ item, index, section: { title, data } }) => <Text key={index}>Override{item}</Text>
+
    Example
    
+

    This is a convenience wrapper around <VirtualizedList>, and thus inherits its props (as well as those of <ScrollView> that aren't explicitly listed here, along with the following caveats:

    • Internal state is not preserved when content scrolls out of the render window. Make sure all your data is captured in the item data or external stores like Flux, Redux, or Relay.
    • This is a PureComponent which means that it will not re-render if props remain shallow-equal. Make sure that everything your renderItem function depends on is passed as a prop (e.g. extraData) that is not === after updates, otherwise your UI may not update on changes. This includes the data prop and parent component state.
      • diff --git a/docs/sectionlist/index.html b/docs/sectionlist/index.html index 7e4aa0537a0..4cdbde32fa2 100644 --- a/docs/sectionlist/index.html +++ b/docs/sectionlist/index.html @@ -83,33 +83,92 @@

    If you don't need section support and want a simpler interface, use <FlatList>.

    Simple Examples:

    -
    // Example 1 (Homogeneous Rendering)
-<SectionList
-  renderItem={({item, index, section}) => <Text key={index}>{item}</Text>}
-  renderSectionHeader={({section: {title}}) => (
-    <Text style={{fontWeight: 'bold'}}>{title}</Text>
-  )}
-  sections={[
-    {title: 'Title1', data: ['item1', 'item2']},
-    {title: 'Title2', data: ['item3', 'item4']},
-    {title: 'Title3', data: ['item5', 'item6']},
-  ]}
-  keyExtractor={(item, index) => item + index}
-/>
-
    -
    // Example 2 (Heterogeneous Rendering / No Section Headers)
-const overrideRenderItem = ({ item, index, section: { title, data } }) => <Text key={index}>Override{item}</Text>
+
    Example
    
+

    This is a convenience wrapper around <VirtualizedList>, and thus inherits its props (as well as those of <ScrollView> that aren't explicitly listed here, along with the following caveats:

    • Internal state is not preserved when content scrolls out of the render window. Make sure all your data is captured in the item data or external stores like Flux, Redux, or Relay.
    • This is a PureComponent which means that it will not re-render if props remain shallow-equal. Make sure that everything your renderItem function depends on is passed as a prop (e.g. extraData) that is not === after updates, otherwise your UI may not update on changes. This includes the data prop and parent component state.
      • diff --git a/sitemap.xml b/sitemap.xml index d427a202ec2..4217b58de2d 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1 +1 @@ -https://facebook.github.io/helpweekly0.5https://facebook.github.io/indexweekly0.5https://facebook.github.io/showcaseweekly0.5https://facebook.github.io/versionsweekly0.5https://facebook.github.io/blog/2019/07/17/hermesweekly0.3https://facebook.github.io/blog/2019/07/03/version-60weekly0.3https://facebook.github.io/blog/2019/06/12/react-native-open-source-updateweekly0.3https://facebook.github.io/blog/2019/05/01/react-native-at-f8-and-podcastweekly0.3https://facebook.github.io/blog/2019/03/12/releasing-react-native-059weekly0.3https://facebook.github.io/blog/2019/03/01/react-native-open-source-updateweekly0.3https://facebook.github.io/blog/2019/01/07/state-of-react-native-communityweekly0.3https://facebook.github.io/blog/2018/11/01/oss-roadmapweekly0.3https://facebook.github.io/blog/2018/08/27/wkwebviewweekly0.3https://facebook.github.io/blog/2018/08/13/react-native-accessibility-updatesweekly0.3https://facebook.github.io/blog/2018/07/04/releasing-react-native-056weekly0.3https://facebook.github.io/blog/2018/06/14/state-of-react-native-2018weekly0.3https://facebook.github.io/blog/2018/05/07/using-typescript-with-react-nativeweekly0.3https://facebook.github.io/blog/2018/04/09/build-com-appweekly0.3https://facebook.github.io/blog/2018/03/22/building-input-accessory-view-for-react-nativeweekly0.3https://facebook.github.io/blog/2018/03/05/AWS-app-syncweekly0.3https://facebook.github.io/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-nativeweekly0.3https://facebook.github.io/blog/2018/01/09/react-native-monthly-6weekly0.3https://facebook.github.io/blog/2017/11/06/react-native-monthly-5weekly0.3https://facebook.github.io/blog/2017/09/21/react-native-monthly-4weekly0.3https://facebook.github.io/blog/2017/08/30/react-native-monthly-3weekly0.3https://facebook.github.io/blog/2017/08/07/react-native-performance-in-marketplaceweekly0.3https://facebook.github.io/blog/2017/07/28/react-native-monthly-2weekly0.3https://facebook.github.io/blog/2017/06/21/react-native-monthly-1weekly0.3https://facebook.github.io/blog/2017/03/13/introducing-create-react-native-appweekly0.3https://facebook.github.io/blog/2017/03/13/idx-the-existential-functionweekly0.3https://facebook.github.io/blog/2017/03/13/better-list-viewsweekly0.3https://facebook.github.io/blog/2017/02/14/using-native-driver-for-animatedweekly0.3https://facebook.github.io/blog/2017/01/07/monthly-release-cadenceweekly0.3https://facebook.github.io/blog/2016/12/05/easier-upgradesweekly0.3https://facebook.github.io/blog/2016/11/08/introducing-button-yarn-and-a-public-roadmapweekly0.3https://facebook.github.io/blog/2016/10/25/0.36-headless-js-the-keyboard-api-and-moreweekly0.3https://facebook.github.io/blog/2016/09/08/exponent-talks-unraveling-navigationweekly0.3https://facebook.github.io/blog/2016/08/19/right-to-left-support-for-react-native-appsweekly0.3https://facebook.github.io/blog/2016/08/12/react-native-meetup-san-franciscoweekly0.3https://facebook.github.io/blog/2016/07/06/toward-better-documentationweekly0.3https://facebook.github.io/blog/2016/04/13/react-native-a-year-in-reviewweekly0.3https://facebook.github.io/blog/2016/03/28/dive-into-react-native-performanceweekly0.3https://facebook.github.io/blog/2016/03/24/introducing-hot-reloadingweekly0.3https://facebook.github.io/blog/2015/11/23/making-react-native-apps-accessibleweekly0.3https://facebook.github.io/blog/2015/09/14/react-native-for-androidweekly0.3https://facebook.github.io/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobileweekly0.3https://facebook.github.io/react-native/docs/next/accessibilityhourly1.0https://facebook.github.io/react-native/docs/next/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/next/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/next/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/next/alerthourly1.0https://facebook.github.io/react-native/docs/next/alertioshourly1.0https://facebook.github.io/react-native/docs/next/animatedhourly1.0https://facebook.github.io/react-native/docs/next/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/next/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/next/animationshourly1.0https://facebook.github.io/react-native/docs/next/app-extensionshourly1.0https://facebook.github.io/react-native/docs/next/appregistryhourly1.0https://facebook.github.io/react-native/docs/next/appstatehourly1.0https://facebook.github.io/react-native/docs/next/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/next/backhandlerhourly1.0https://facebook.github.io/react-native/docs/next/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/next/buttonhourly1.0https://facebook.github.io/react-native/docs/next/checkboxhourly1.0https://facebook.github.io/react-native/docs/next/clipboardhourly1.0https://facebook.github.io/react-native/docs/next/colorshourly1.0https://facebook.github.io/react-native/docs/next/communication-androidhourly1.0https://facebook.github.io/react-native/docs/next/communication-ioshourly1.0https://facebook.github.io/react-native/docs/next/components-and-apishourly1.0https://facebook.github.io/react-native/docs/next/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/next/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/next/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/next/datepickerioshourly1.0https://facebook.github.io/react-native/docs/next/debugginghourly1.0https://facebook.github.io/react-native/docs/next/dimensionshourly1.0https://facebook.github.io/react-native/docs/next/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/next/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/next/easinghourly1.0https://facebook.github.io/react-native/docs/next/flatlisthourly1.0https://facebook.github.io/react-native/docs/next/flexboxhourly1.0https://facebook.github.io/react-native/docs/next/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/next/getting-startedhourly1.0https://facebook.github.io/react-native/docs/next/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/next/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/next/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/next/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/next/hermeshourly1.0https://facebook.github.io/react-native/docs/next/image-style-propshourly1.0https://facebook.github.io/react-native/docs/next/imagehourly1.0https://facebook.github.io/react-native/docs/next/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/next/imageeditorhourly1.0https://facebook.github.io/react-native/docs/next/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/next/imageshourly1.0https://facebook.github.io/react-native/docs/next/improvinguxhourly1.0https://facebook.github.io/react-native/docs/next/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/next/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/next/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/next/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/next/keyboardhourly1.0https://facebook.github.io/react-native/docs/next/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/next/layout-propshourly1.0https://facebook.github.io/react-native/docs/next/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/next/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/next/linkinghourly1.0https://facebook.github.io/react-native/docs/next/modalhourly1.0https://facebook.github.io/react-native/docs/next/more-resourceshourly1.0https://facebook.github.io/react-native/docs/next/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/next/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/next/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/next/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/next/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/next/navigationhourly1.0https://facebook.github.io/react-native/docs/next/networkhourly1.0https://facebook.github.io/react-native/docs/next/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/next/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/next/panresponderhourly1.0https://facebook.github.io/react-native/docs/next/performancehourly1.0https://facebook.github.io/react-native/docs/next/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/next/picker-itemhourly1.0https://facebook.github.io/react-native/docs/next/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/next/pickerhourly1.0https://facebook.github.io/react-native/docs/next/pickerioshourly1.0https://facebook.github.io/react-native/docs/next/pixelratiohourly1.0https://facebook.github.io/react-native/docs/next/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/next/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/next/progressviewioshourly1.0https://facebook.github.io/react-native/docs/next/propshourly1.0https://facebook.github.io/react-native/docs/next/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/next/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/next/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/next/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/next/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/next/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/next/scrollviewhourly1.0https://facebook.github.io/react-native/docs/next/sectionlisthourly1.0https://facebook.github.io/react-native/docs/next/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/next/settingshourly1.0https://facebook.github.io/react-native/docs/next/shadow-propshourly1.0https://facebook.github.io/react-native/docs/next/sharehourly1.0https://facebook.github.io/react-native/docs/next/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/next/sliderhourly1.0https://facebook.github.io/react-native/docs/next/statehourly1.0https://facebook.github.io/react-native/docs/next/statusbarhourly1.0https://facebook.github.io/react-native/docs/next/statusbarioshourly1.0https://facebook.github.io/react-native/docs/next/stylehourly1.0https://facebook.github.io/react-native/docs/next/stylesheethourly1.0https://facebook.github.io/react-native/docs/next/switchhourly1.0https://facebook.github.io/react-native/docs/next/systracehourly1.0https://facebook.github.io/react-native/docs/next/text-style-propshourly1.0https://facebook.github.io/react-native/docs/next/texthourly1.0https://facebook.github.io/react-native/docs/next/textinputhourly1.0https://facebook.github.io/react-native/docs/next/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/next/timershourly1.0https://facebook.github.io/react-native/docs/next/toastandroidhourly1.0https://facebook.github.io/react-native/docs/next/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/next/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/next/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/next/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/next/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/next/transformshourly1.0https://facebook.github.io/react-native/docs/next/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/next/tutorialhourly1.0https://facebook.github.io/react-native/docs/next/typescripthourly1.0https://facebook.github.io/react-native/docs/next/upgradinghourly1.0https://facebook.github.io/react-native/docs/next/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/next/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/next/vibrationhourly1.0https://facebook.github.io/react-native/docs/next/view-style-propshourly1.0https://facebook.github.io/react-native/docs/next/viewhourly1.0https://facebook.github.io/react-native/docs/next/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/next/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/modalhourly1.0https://facebook.github.io/react-native/docs/texthourly1.0https://facebook.github.io/react-native/docs/textinputhourly1.0https://facebook.github.io/react-native/docs/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/imagehourly1.0https://facebook.github.io/react-native/docs/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/scrollviewhourly1.0https://facebook.github.io/react-native/docs/toastandroidhourly1.0https://facebook.github.io/react-native/docs/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/animatedhourly1.0https://facebook.github.io/react-native/docs/easinghourly1.0https://facebook.github.io/react-native/docs/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/transformshourly1.0https://facebook.github.io/react-native/docs/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/switchhourly1.0https://facebook.github.io/react-native/docs/view-style-propshourly1.0https://facebook.github.io/react-native/docs/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/camerarollhourly1.0https://facebook.github.io/react-native/docs/geolocationhourly1.0https://facebook.github.io/react-native/docs/webviewhourly1.0https://facebook.github.io/react-native/docs/datepickerioshourly1.0https://facebook.github.io/react-native/docs/layout-propshourly1.0https://facebook.github.io/react-native/docs/progressviewioshourly1.0https://facebook.github.io/react-native/docs/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/tabbarioshourly1.0https://facebook.github.io/react-native/docs/navigatorioshourly1.0https://facebook.github.io/react-native/docs/netinfohourly1.0https://facebook.github.io/react-native/docs/dimensionshourly1.0https://facebook.github.io/react-native/docs/image-style-propshourly1.0https://facebook.github.io/react-native/docs/imageeditorhourly1.0https://facebook.github.io/react-native/docs/imagestorehourly1.0https://facebook.github.io/react-native/docs/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/text-style-propshourly1.0https://facebook.github.io/react-native/docs/appstatehourly1.0https://facebook.github.io/react-native/docs/pickerhourly1.0https://facebook.github.io/react-native/docs/pixelratiohourly1.0https://facebook.github.io/react-native/docs/stylesheethourly1.0https://facebook.github.io/react-native/docs/clipboardhourly1.0https://facebook.github.io/react-native/docs/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/linkinghourly1.0https://facebook.github.io/react-native/docs/statusbarhourly1.0https://facebook.github.io/react-native/docs/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/statusbarioshourly1.0https://facebook.github.io/react-native/docs/vibrationhourly1.0https://facebook.github.io/react-native/docs/vibrationioshourly1.0https://facebook.github.io/react-native/docs/sliderhourly1.0https://facebook.github.io/react-native/docs/panresponderhourly1.0https://facebook.github.io/react-native/docs/pickerioshourly1.0https://facebook.github.io/react-native/docs/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/shadow-propshourly1.0https://facebook.github.io/react-native/docs/sharehourly1.0https://facebook.github.io/react-native/docs/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/keyboardhourly1.0https://facebook.github.io/react-native/docs/alerthourly1.0https://facebook.github.io/react-native/docs/alertioshourly1.0https://facebook.github.io/react-native/docs/appregistryhourly1.0https://facebook.github.io/react-native/docs/buttonhourly1.0https://facebook.github.io/react-native/docs/systracehourly1.0https://facebook.github.io/react-native/docs/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/backandroidhourly1.0https://facebook.github.io/react-native/docs/backhandlerhourly1.0https://facebook.github.io/react-native/docs/flatlisthourly1.0https://facebook.github.io/react-native/docs/listviewhourly1.0https://facebook.github.io/react-native/docs/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/navigatorhourly1.0https://facebook.github.io/react-native/docs/sectionlisthourly1.0https://facebook.github.io/react-native/docs/viewhourly1.0https://facebook.github.io/react-native/docs/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/accessibilityhourly1.0https://facebook.github.io/react-native/docs/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/animationshourly1.0https://facebook.github.io/react-native/docs/app-extensionshourly1.0https://facebook.github.io/react-native/docs/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/checkboxhourly1.0https://facebook.github.io/react-native/docs/colorshourly1.0https://facebook.github.io/react-native/docs/communication-androidhourly1.0https://facebook.github.io/react-native/docs/communication-ioshourly1.0https://facebook.github.io/react-native/docs/components-and-apishourly1.0https://facebook.github.io/react-native/docs/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/debugginghourly1.0https://facebook.github.io/react-native/docs/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/flexboxhourly1.0https://facebook.github.io/react-native/docs/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/getting-startedhourly1.0https://facebook.github.io/react-native/docs/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/imageshourly1.0https://facebook.github.io/react-native/docs/improvinguxhourly1.0https://facebook.github.io/react-native/docs/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/more-resourceshourly1.0https://facebook.github.io/react-native/docs/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/navigationhourly1.0https://facebook.github.io/react-native/docs/networkhourly1.0https://facebook.github.io/react-native/docs/performancehourly1.0https://facebook.github.io/react-native/docs/picker-itemhourly1.0https://facebook.github.io/react-native/docs/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/propshourly1.0https://facebook.github.io/react-native/docs/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/settingshourly1.0https://facebook.github.io/react-native/docs/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/statehourly1.0https://facebook.github.io/react-native/docs/stylehourly1.0https://facebook.github.io/react-native/docs/timershourly1.0https://facebook.github.io/react-native/docs/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/tutorialhourly1.0https://facebook.github.io/react-native/docs/upgradinghourly1.0https://facebook.github.io/react-native/docs/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/publishing-forkshourly1.0https://facebook.github.io/react-native/docs/hermeshourly1.0https://facebook.github.io/react-native/docs/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/typescripthourly1.0https://facebook.github.io/react-native/docs/0.59/modalhourly1.0https://facebook.github.io/react-native/docs/0.59/texthourly1.0https://facebook.github.io/react-native/docs/0.59/textinputhourly1.0https://facebook.github.io/react-native/docs/0.59/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/imagehourly1.0https://facebook.github.io/react-native/docs/0.59/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.59/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.59/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.59/animatedhourly1.0https://facebook.github.io/react-native/docs/0.59/easinghourly1.0https://facebook.github.io/react-native/docs/0.59/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.59/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.59/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.59/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.59/transformshourly1.0https://facebook.github.io/react-native/docs/0.59/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.59/switchhourly1.0https://facebook.github.io/react-native/docs/0.59/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.59/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.59/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.59/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.59/webviewhourly1.0https://facebook.github.io/react-native/docs/0.59/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.59/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.59/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.59/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.59/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.59/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.59/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.59/netinfohourly1.0https://facebook.github.io/react-native/docs/0.59/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.59/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.59/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.59/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.59/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.59/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/appstatehourly1.0https://facebook.github.io/react-native/docs/0.59/pickerhourly1.0https://facebook.github.io/react-native/docs/0.59/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.59/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.59/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.59/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/linkinghourly1.0https://facebook.github.io/react-native/docs/0.59/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.59/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.59/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.59/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.59/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.59/sliderhourly1.0https://facebook.github.io/react-native/docs/0.59/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.59/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.59/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.59/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.59/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.59/sharehourly1.0https://facebook.github.io/react-native/docs/0.59/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.59/alerthourly1.0https://facebook.github.io/react-native/docs/0.59/alertioshourly1.0https://facebook.github.io/react-native/docs/0.59/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.59/buttonhourly1.0https://facebook.github.io/react-native/docs/0.59/systracehourly1.0https://facebook.github.io/react-native/docs/0.59/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.59/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.59/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.59/listviewhourly1.0https://facebook.github.io/react-native/docs/0.59/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.59/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.59/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.59/viewhourly1.0https://facebook.github.io/react-native/docs/0.59/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.59/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.59/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.59/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.59/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.59/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.59/animationshourly1.0https://facebook.github.io/react-native/docs/0.59/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.59/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.59/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.59/colorshourly1.0https://facebook.github.io/react-native/docs/0.59/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.59/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/debugginghourly1.0https://facebook.github.io/react-native/docs/0.59/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.59/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.59/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.59/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.59/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.59/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.59/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.59/imageshourly1.0https://facebook.github.io/react-native/docs/0.59/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.59/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.59/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.59/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.59/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.59/navigationhourly1.0https://facebook.github.io/react-native/docs/0.59/networkhourly1.0https://facebook.github.io/react-native/docs/0.59/performancehourly1.0https://facebook.github.io/react-native/docs/0.59/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.59/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.59/propshourly1.0https://facebook.github.io/react-native/docs/0.59/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.59/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.59/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/settingshourly1.0https://facebook.github.io/react-native/docs/0.59/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/statehourly1.0https://facebook.github.io/react-native/docs/0.59/stylehourly1.0https://facebook.github.io/react-native/docs/0.59/timershourly1.0https://facebook.github.io/react-native/docs/0.59/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.59/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.59/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.59/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.59/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.59/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.59/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.59/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/0.59/publishing-forkshourly1.0https://facebook.github.io/react-native/docs/0.58/modalhourly1.0https://facebook.github.io/react-native/docs/0.58/texthourly1.0https://facebook.github.io/react-native/docs/0.58/textinputhourly1.0https://facebook.github.io/react-native/docs/0.58/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/imagehourly1.0https://facebook.github.io/react-native/docs/0.58/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.58/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.58/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.58/animatedhourly1.0https://facebook.github.io/react-native/docs/0.58/easinghourly1.0https://facebook.github.io/react-native/docs/0.58/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.58/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.58/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.58/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.58/transformshourly1.0https://facebook.github.io/react-native/docs/0.58/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.58/switchhourly1.0https://facebook.github.io/react-native/docs/0.58/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.58/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.58/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.58/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.58/webviewhourly1.0https://facebook.github.io/react-native/docs/0.58/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.58/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.58/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.58/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.58/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.58/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.58/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.58/netinfohourly1.0https://facebook.github.io/react-native/docs/0.58/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.58/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.58/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.58/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.58/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.58/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/appstatehourly1.0https://facebook.github.io/react-native/docs/0.58/pickerhourly1.0https://facebook.github.io/react-native/docs/0.58/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.58/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.58/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.58/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/linkinghourly1.0https://facebook.github.io/react-native/docs/0.58/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.58/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.58/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.58/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.58/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.58/sliderhourly1.0https://facebook.github.io/react-native/docs/0.58/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.58/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.58/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.58/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.58/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.58/sharehourly1.0https://facebook.github.io/react-native/docs/0.58/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.58/alerthourly1.0https://facebook.github.io/react-native/docs/0.58/alertioshourly1.0https://facebook.github.io/react-native/docs/0.58/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.58/buttonhourly1.0https://facebook.github.io/react-native/docs/0.58/systracehourly1.0https://facebook.github.io/react-native/docs/0.58/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.58/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.58/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.58/listviewhourly1.0https://facebook.github.io/react-native/docs/0.58/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.58/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.58/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.58/viewhourly1.0https://facebook.github.io/react-native/docs/0.58/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.58/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.58/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.58/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.58/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.58/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.58/animationshourly1.0https://facebook.github.io/react-native/docs/0.58/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.58/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.58/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.58/colorshourly1.0https://facebook.github.io/react-native/docs/0.58/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.58/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/debugginghourly1.0https://facebook.github.io/react-native/docs/0.58/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.58/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.58/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.58/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.58/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.58/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.58/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.58/imageshourly1.0https://facebook.github.io/react-native/docs/0.58/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.58/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.58/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.58/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.58/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.58/navigationhourly1.0https://facebook.github.io/react-native/docs/0.58/networkhourly1.0https://facebook.github.io/react-native/docs/0.58/performancehourly1.0https://facebook.github.io/react-native/docs/0.58/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.58/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.58/propshourly1.0https://facebook.github.io/react-native/docs/0.58/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.58/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.58/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/settingshourly1.0https://facebook.github.io/react-native/docs/0.58/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/statehourly1.0https://facebook.github.io/react-native/docs/0.58/stylehourly1.0https://facebook.github.io/react-native/docs/0.58/timershourly1.0https://facebook.github.io/react-native/docs/0.58/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.58/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.58/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.58/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.58/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.58/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.58/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.58/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/0.57/modalhourly1.0https://facebook.github.io/react-native/docs/0.57/texthourly1.0https://facebook.github.io/react-native/docs/0.57/textinputhourly1.0https://facebook.github.io/react-native/docs/0.57/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/imagehourly1.0https://facebook.github.io/react-native/docs/0.57/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.57/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.57/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.57/animatedhourly1.0https://facebook.github.io/react-native/docs/0.57/easinghourly1.0https://facebook.github.io/react-native/docs/0.57/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.57/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.57/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.57/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.57/transformshourly1.0https://facebook.github.io/react-native/docs/0.57/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.57/switchhourly1.0https://facebook.github.io/react-native/docs/0.57/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.57/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.57/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.57/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.57/webviewhourly1.0https://facebook.github.io/react-native/docs/0.57/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.57/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.57/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.57/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.57/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.57/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.57/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.57/netinfohourly1.0https://facebook.github.io/react-native/docs/0.57/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.57/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.57/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.57/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.57/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.57/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/appstatehourly1.0https://facebook.github.io/react-native/docs/0.57/pickerhourly1.0https://facebook.github.io/react-native/docs/0.57/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.57/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.57/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.57/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/linkinghourly1.0https://facebook.github.io/react-native/docs/0.57/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.57/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.57/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.57/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.57/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.57/sliderhourly1.0https://facebook.github.io/react-native/docs/0.57/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.57/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.57/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.57/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.57/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.57/sharehourly1.0https://facebook.github.io/react-native/docs/0.57/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.57/alerthourly1.0https://facebook.github.io/react-native/docs/0.57/alertioshourly1.0https://facebook.github.io/react-native/docs/0.57/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.57/buttonhourly1.0https://facebook.github.io/react-native/docs/0.57/systracehourly1.0https://facebook.github.io/react-native/docs/0.57/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.57/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.57/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.57/listviewhourly1.0https://facebook.github.io/react-native/docs/0.57/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.57/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.57/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.57/viewhourly1.0https://facebook.github.io/react-native/docs/0.57/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.57/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.57/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.57/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.57/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.57/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.57/animationshourly1.0https://facebook.github.io/react-native/docs/0.57/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.57/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.57/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.57/colorshourly1.0https://facebook.github.io/react-native/docs/0.57/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.57/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/debugginghourly1.0https://facebook.github.io/react-native/docs/0.57/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.57/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.57/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.57/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.57/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.57/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.57/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.57/imageshourly1.0https://facebook.github.io/react-native/docs/0.57/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.57/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.57/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.57/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.57/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.57/navigationhourly1.0https://facebook.github.io/react-native/docs/0.57/networkhourly1.0https://facebook.github.io/react-native/docs/0.57/performancehourly1.0https://facebook.github.io/react-native/docs/0.57/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.57/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.57/propshourly1.0https://facebook.github.io/react-native/docs/0.57/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.57/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.57/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/settingshourly1.0https://facebook.github.io/react-native/docs/0.57/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/statehourly1.0https://facebook.github.io/react-native/docs/0.57/stylehourly1.0https://facebook.github.io/react-native/docs/0.57/timershourly1.0https://facebook.github.io/react-native/docs/0.57/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.57/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.57/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.57/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.57/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.57/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.57/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.57/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/0.56/modalhourly1.0https://facebook.github.io/react-native/docs/0.56/texthourly1.0https://facebook.github.io/react-native/docs/0.56/textinputhourly1.0https://facebook.github.io/react-native/docs/0.56/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/imagehourly1.0https://facebook.github.io/react-native/docs/0.56/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.56/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.56/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.56/animatedhourly1.0https://facebook.github.io/react-native/docs/0.56/easinghourly1.0https://facebook.github.io/react-native/docs/0.56/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.56/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.56/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.56/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.56/transformshourly1.0https://facebook.github.io/react-native/docs/0.56/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.56/switchhourly1.0https://facebook.github.io/react-native/docs/0.56/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.56/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.56/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.56/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.56/webviewhourly1.0https://facebook.github.io/react-native/docs/0.56/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.56/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.56/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.56/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.56/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.56/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.56/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.56/netinfohourly1.0https://facebook.github.io/react-native/docs/0.56/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.56/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.56/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.56/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.56/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.56/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/appstatehourly1.0https://facebook.github.io/react-native/docs/0.56/pickerhourly1.0https://facebook.github.io/react-native/docs/0.56/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.56/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.56/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.56/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/linkinghourly1.0https://facebook.github.io/react-native/docs/0.56/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.56/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.56/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.56/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.56/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.56/sliderhourly1.0https://facebook.github.io/react-native/docs/0.56/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.56/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.56/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.56/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.56/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.56/sharehourly1.0https://facebook.github.io/react-native/docs/0.56/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.56/alerthourly1.0https://facebook.github.io/react-native/docs/0.56/alertioshourly1.0https://facebook.github.io/react-native/docs/0.56/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.56/buttonhourly1.0https://facebook.github.io/react-native/docs/0.56/systracehourly1.0https://facebook.github.io/react-native/docs/0.56/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.56/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.56/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.56/listviewhourly1.0https://facebook.github.io/react-native/docs/0.56/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.56/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.56/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.56/viewhourly1.0https://facebook.github.io/react-native/docs/0.56/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.56/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.56/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.56/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.56/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.56/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.56/animationshourly1.0https://facebook.github.io/react-native/docs/0.56/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.56/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.56/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.56/colorshourly1.0https://facebook.github.io/react-native/docs/0.56/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.56/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/debugginghourly1.0https://facebook.github.io/react-native/docs/0.56/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.56/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.56/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.56/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.56/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.56/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.56/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.56/imageshourly1.0https://facebook.github.io/react-native/docs/0.56/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.56/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.56/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.56/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.56/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.56/navigationhourly1.0https://facebook.github.io/react-native/docs/0.56/networkhourly1.0https://facebook.github.io/react-native/docs/0.56/performancehourly1.0https://facebook.github.io/react-native/docs/0.56/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.56/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.56/propshourly1.0https://facebook.github.io/react-native/docs/0.56/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.56/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.56/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/settingshourly1.0https://facebook.github.io/react-native/docs/0.56/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/statehourly1.0https://facebook.github.io/react-native/docs/0.56/stylehourly1.0https://facebook.github.io/react-native/docs/0.56/timershourly1.0https://facebook.github.io/react-native/docs/0.56/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.56/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.56/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.56/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.56/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.56/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.56/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.55/modalhourly1.0https://facebook.github.io/react-native/docs/0.55/texthourly1.0https://facebook.github.io/react-native/docs/0.55/textinputhourly1.0https://facebook.github.io/react-native/docs/0.55/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/imagehourly1.0https://facebook.github.io/react-native/docs/0.55/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.55/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.55/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.55/animatedhourly1.0https://facebook.github.io/react-native/docs/0.55/easinghourly1.0https://facebook.github.io/react-native/docs/0.55/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.55/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.55/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.55/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.55/transformshourly1.0https://facebook.github.io/react-native/docs/0.55/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.55/switchhourly1.0https://facebook.github.io/react-native/docs/0.55/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.55/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.55/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.55/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.55/webviewhourly1.0https://facebook.github.io/react-native/docs/0.55/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.55/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.55/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.55/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.55/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.55/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.55/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.55/netinfohourly1.0https://facebook.github.io/react-native/docs/0.55/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.55/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.55/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.55/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.55/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.55/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/appstatehourly1.0https://facebook.github.io/react-native/docs/0.55/pickerhourly1.0https://facebook.github.io/react-native/docs/0.55/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.55/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.55/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.55/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/linkinghourly1.0https://facebook.github.io/react-native/docs/0.55/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.55/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.55/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.55/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.55/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.55/sliderhourly1.0https://facebook.github.io/react-native/docs/0.55/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.55/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.55/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.55/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.55/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.55/sharehourly1.0https://facebook.github.io/react-native/docs/0.55/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.55/alerthourly1.0https://facebook.github.io/react-native/docs/0.55/alertioshourly1.0https://facebook.github.io/react-native/docs/0.55/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.55/buttonhourly1.0https://facebook.github.io/react-native/docs/0.55/systracehourly1.0https://facebook.github.io/react-native/docs/0.55/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.55/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.55/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.55/listviewhourly1.0https://facebook.github.io/react-native/docs/0.55/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.55/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.55/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.55/viewhourly1.0https://facebook.github.io/react-native/docs/0.55/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.55/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.55/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.55/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.55/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.55/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.55/animationshourly1.0https://facebook.github.io/react-native/docs/0.55/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.55/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.55/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.55/colorshourly1.0https://facebook.github.io/react-native/docs/0.55/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.55/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/debugginghourly1.0https://facebook.github.io/react-native/docs/0.55/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.55/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.55/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.55/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.55/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.55/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.55/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.55/imageshourly1.0https://facebook.github.io/react-native/docs/0.55/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.55/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.55/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.55/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.55/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.55/navigationhourly1.0https://facebook.github.io/react-native/docs/0.55/networkhourly1.0https://facebook.github.io/react-native/docs/0.55/performancehourly1.0https://facebook.github.io/react-native/docs/0.55/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.55/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.55/propshourly1.0https://facebook.github.io/react-native/docs/0.55/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.55/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.55/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/settingshourly1.0https://facebook.github.io/react-native/docs/0.55/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/statehourly1.0https://facebook.github.io/react-native/docs/0.55/stylehourly1.0https://facebook.github.io/react-native/docs/0.55/timershourly1.0https://facebook.github.io/react-native/docs/0.55/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.55/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.55/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.55/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.55/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.55/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.55/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.54/modalhourly1.0https://facebook.github.io/react-native/docs/0.54/texthourly1.0https://facebook.github.io/react-native/docs/0.54/textinputhourly1.0https://facebook.github.io/react-native/docs/0.54/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/imagehourly1.0https://facebook.github.io/react-native/docs/0.54/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.54/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.54/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.54/animatedhourly1.0https://facebook.github.io/react-native/docs/0.54/easinghourly1.0https://facebook.github.io/react-native/docs/0.54/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.54/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.54/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.54/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.54/transformshourly1.0https://facebook.github.io/react-native/docs/0.54/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.54/switchhourly1.0https://facebook.github.io/react-native/docs/0.54/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.54/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.54/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.54/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.54/webviewhourly1.0https://facebook.github.io/react-native/docs/0.54/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.54/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.54/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.54/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.54/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.54/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.54/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.54/netinfohourly1.0https://facebook.github.io/react-native/docs/0.54/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.54/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.54/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.54/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.54/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.54/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/appstatehourly1.0https://facebook.github.io/react-native/docs/0.54/pickerhourly1.0https://facebook.github.io/react-native/docs/0.54/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.54/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.54/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.54/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/linkinghourly1.0https://facebook.github.io/react-native/docs/0.54/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.54/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.54/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.54/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.54/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.54/sliderhourly1.0https://facebook.github.io/react-native/docs/0.54/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.54/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.54/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.54/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.54/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.54/sharehourly1.0https://facebook.github.io/react-native/docs/0.54/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.54/alerthourly1.0https://facebook.github.io/react-native/docs/0.54/alertioshourly1.0https://facebook.github.io/react-native/docs/0.54/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.54/buttonhourly1.0https://facebook.github.io/react-native/docs/0.54/systracehourly1.0https://facebook.github.io/react-native/docs/0.54/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.54/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.54/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.54/listviewhourly1.0https://facebook.github.io/react-native/docs/0.54/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.54/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.54/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.54/viewhourly1.0https://facebook.github.io/react-native/docs/0.54/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.54/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.54/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.54/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.54/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.54/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.54/animationshourly1.0https://facebook.github.io/react-native/docs/0.54/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.54/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.54/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.54/colorshourly1.0https://facebook.github.io/react-native/docs/0.54/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.54/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/debugginghourly1.0https://facebook.github.io/react-native/docs/0.54/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.54/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.54/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.54/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.54/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.54/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.54/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.54/imageshourly1.0https://facebook.github.io/react-native/docs/0.54/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.54/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.54/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.54/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.54/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.54/navigationhourly1.0https://facebook.github.io/react-native/docs/0.54/networkhourly1.0https://facebook.github.io/react-native/docs/0.54/performancehourly1.0https://facebook.github.io/react-native/docs/0.54/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.54/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.54/propshourly1.0https://facebook.github.io/react-native/docs/0.54/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.54/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.54/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/settingshourly1.0https://facebook.github.io/react-native/docs/0.54/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/statehourly1.0https://facebook.github.io/react-native/docs/0.54/stylehourly1.0https://facebook.github.io/react-native/docs/0.54/timershourly1.0https://facebook.github.io/react-native/docs/0.54/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.54/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.54/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.54/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.54/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.54/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.53/modalhourly1.0https://facebook.github.io/react-native/docs/0.53/texthourly1.0https://facebook.github.io/react-native/docs/0.53/textinputhourly1.0https://facebook.github.io/react-native/docs/0.53/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/imagehourly1.0https://facebook.github.io/react-native/docs/0.53/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.53/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.53/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.53/animatedhourly1.0https://facebook.github.io/react-native/docs/0.53/easinghourly1.0https://facebook.github.io/react-native/docs/0.53/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.53/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.53/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.53/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.53/transformshourly1.0https://facebook.github.io/react-native/docs/0.53/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.53/switchhourly1.0https://facebook.github.io/react-native/docs/0.53/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.53/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.53/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.53/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.53/webviewhourly1.0https://facebook.github.io/react-native/docs/0.53/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.53/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.53/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.53/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.53/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.53/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.53/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.53/netinfohourly1.0https://facebook.github.io/react-native/docs/0.53/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.53/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.53/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.53/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.53/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.53/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/appstatehourly1.0https://facebook.github.io/react-native/docs/0.53/pickerhourly1.0https://facebook.github.io/react-native/docs/0.53/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.53/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.53/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.53/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/linkinghourly1.0https://facebook.github.io/react-native/docs/0.53/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.53/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.53/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.53/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.53/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.53/sliderhourly1.0https://facebook.github.io/react-native/docs/0.53/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.53/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.53/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.53/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.53/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.53/sharehourly1.0https://facebook.github.io/react-native/docs/0.53/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.53/alerthourly1.0https://facebook.github.io/react-native/docs/0.53/alertioshourly1.0https://facebook.github.io/react-native/docs/0.53/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.53/buttonhourly1.0https://facebook.github.io/react-native/docs/0.53/systracehourly1.0https://facebook.github.io/react-native/docs/0.53/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.53/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.53/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.53/listviewhourly1.0https://facebook.github.io/react-native/docs/0.53/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.53/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.53/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.53/viewhourly1.0https://facebook.github.io/react-native/docs/0.53/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.53/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.53/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.53/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.53/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.53/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.53/animationshourly1.0https://facebook.github.io/react-native/docs/0.53/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.53/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.53/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.53/colorshourly1.0https://facebook.github.io/react-native/docs/0.53/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.53/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/debugginghourly1.0https://facebook.github.io/react-native/docs/0.53/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.53/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.53/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.53/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.53/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.53/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.53/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.53/imageshourly1.0https://facebook.github.io/react-native/docs/0.53/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.53/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.53/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.53/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.53/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.53/navigationhourly1.0https://facebook.github.io/react-native/docs/0.53/networkhourly1.0https://facebook.github.io/react-native/docs/0.53/performancehourly1.0https://facebook.github.io/react-native/docs/0.53/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.53/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.53/propshourly1.0https://facebook.github.io/react-native/docs/0.53/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.53/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.53/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/settingshourly1.0https://facebook.github.io/react-native/docs/0.53/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/statehourly1.0https://facebook.github.io/react-native/docs/0.53/stylehourly1.0https://facebook.github.io/react-native/docs/0.53/timershourly1.0https://facebook.github.io/react-native/docs/0.53/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.53/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.53/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.53/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.53/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.53/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.52/modalhourly1.0https://facebook.github.io/react-native/docs/0.52/texthourly1.0https://facebook.github.io/react-native/docs/0.52/textinputhourly1.0https://facebook.github.io/react-native/docs/0.52/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/imagehourly1.0https://facebook.github.io/react-native/docs/0.52/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.52/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.52/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.52/animatedhourly1.0https://facebook.github.io/react-native/docs/0.52/easinghourly1.0https://facebook.github.io/react-native/docs/0.52/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.52/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.52/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.52/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.52/transformshourly1.0https://facebook.github.io/react-native/docs/0.52/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.52/switchhourly1.0https://facebook.github.io/react-native/docs/0.52/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.52/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.52/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.52/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.52/webviewhourly1.0https://facebook.github.io/react-native/docs/0.52/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.52/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.52/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.52/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.52/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.52/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.52/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.52/netinfohourly1.0https://facebook.github.io/react-native/docs/0.52/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.52/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.52/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.52/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.52/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.52/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/appstatehourly1.0https://facebook.github.io/react-native/docs/0.52/pickerhourly1.0https://facebook.github.io/react-native/docs/0.52/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.52/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.52/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.52/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/linkinghourly1.0https://facebook.github.io/react-native/docs/0.52/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.52/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.52/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.52/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.52/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.52/sliderhourly1.0https://facebook.github.io/react-native/docs/0.52/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.52/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.52/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.52/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.52/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.52/sharehourly1.0https://facebook.github.io/react-native/docs/0.52/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.52/alerthourly1.0https://facebook.github.io/react-native/docs/0.52/alertioshourly1.0https://facebook.github.io/react-native/docs/0.52/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.52/buttonhourly1.0https://facebook.github.io/react-native/docs/0.52/systracehourly1.0https://facebook.github.io/react-native/docs/0.52/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.52/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.52/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.52/listviewhourly1.0https://facebook.github.io/react-native/docs/0.52/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.52/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.52/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.52/viewhourly1.0https://facebook.github.io/react-native/docs/0.52/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.52/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.52/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.52/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.52/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.52/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.52/animationshourly1.0https://facebook.github.io/react-native/docs/0.52/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.52/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.52/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.52/colorshourly1.0https://facebook.github.io/react-native/docs/0.52/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.52/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/debugginghourly1.0https://facebook.github.io/react-native/docs/0.52/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.52/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.52/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.52/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.52/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.52/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.52/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.52/imageshourly1.0https://facebook.github.io/react-native/docs/0.52/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.52/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.52/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.52/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.52/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.52/navigationhourly1.0https://facebook.github.io/react-native/docs/0.52/networkhourly1.0https://facebook.github.io/react-native/docs/0.52/performancehourly1.0https://facebook.github.io/react-native/docs/0.52/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.52/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.52/propshourly1.0https://facebook.github.io/react-native/docs/0.52/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.52/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.52/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/settingshourly1.0https://facebook.github.io/react-native/docs/0.52/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/statehourly1.0https://facebook.github.io/react-native/docs/0.52/stylehourly1.0https://facebook.github.io/react-native/docs/0.52/timershourly1.0https://facebook.github.io/react-native/docs/0.52/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.52/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.52/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.52/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.52/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.52/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.51/modalhourly1.0https://facebook.github.io/react-native/docs/0.51/texthourly1.0https://facebook.github.io/react-native/docs/0.51/textinputhourly1.0https://facebook.github.io/react-native/docs/0.51/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/imagehourly1.0https://facebook.github.io/react-native/docs/0.51/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.51/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.51/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.51/animatedhourly1.0https://facebook.github.io/react-native/docs/0.51/easinghourly1.0https://facebook.github.io/react-native/docs/0.51/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.51/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.51/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.51/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.51/transformshourly1.0https://facebook.github.io/react-native/docs/0.51/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.51/switchhourly1.0https://facebook.github.io/react-native/docs/0.51/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.51/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.51/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.51/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.51/webviewhourly1.0https://facebook.github.io/react-native/docs/0.51/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.51/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.51/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.51/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.51/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.51/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.51/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.51/netinfohourly1.0https://facebook.github.io/react-native/docs/0.51/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.51/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.51/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.51/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.51/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.51/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/appstatehourly1.0https://facebook.github.io/react-native/docs/0.51/pickerhourly1.0https://facebook.github.io/react-native/docs/0.51/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.51/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.51/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.51/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/linkinghourly1.0https://facebook.github.io/react-native/docs/0.51/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.51/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.51/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.51/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.51/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.51/sliderhourly1.0https://facebook.github.io/react-native/docs/0.51/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.51/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.51/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.51/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.51/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.51/sharehourly1.0https://facebook.github.io/react-native/docs/0.51/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.51/alerthourly1.0https://facebook.github.io/react-native/docs/0.51/alertioshourly1.0https://facebook.github.io/react-native/docs/0.51/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.51/buttonhourly1.0https://facebook.github.io/react-native/docs/0.51/systracehourly1.0https://facebook.github.io/react-native/docs/0.51/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.51/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.51/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.51/listviewhourly1.0https://facebook.github.io/react-native/docs/0.51/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.51/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.51/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.51/viewhourly1.0https://facebook.github.io/react-native/docs/0.51/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.51/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.51/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.51/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.51/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.51/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.51/animationshourly1.0https://facebook.github.io/react-native/docs/0.51/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.51/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.51/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.51/colorshourly1.0https://facebook.github.io/react-native/docs/0.51/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.51/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/debugginghourly1.0https://facebook.github.io/react-native/docs/0.51/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.51/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.51/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.51/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.51/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.51/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.51/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.51/imageshourly1.0https://facebook.github.io/react-native/docs/0.51/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.51/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.51/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.51/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.51/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.51/navigationhourly1.0https://facebook.github.io/react-native/docs/0.51/networkhourly1.0https://facebook.github.io/react-native/docs/0.51/performancehourly1.0https://facebook.github.io/react-native/docs/0.51/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.51/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.51/propshourly1.0https://facebook.github.io/react-native/docs/0.51/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.51/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.51/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/settingshourly1.0https://facebook.github.io/react-native/docs/0.51/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/statehourly1.0https://facebook.github.io/react-native/docs/0.51/stylehourly1.0https://facebook.github.io/react-native/docs/0.51/timershourly1.0https://facebook.github.io/react-native/docs/0.51/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.51/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.51/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.51/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.51/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.51/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.50/modalhourly1.0https://facebook.github.io/react-native/docs/0.50/texthourly1.0https://facebook.github.io/react-native/docs/0.50/textinputhourly1.0https://facebook.github.io/react-native/docs/0.50/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/imagehourly1.0https://facebook.github.io/react-native/docs/0.50/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.50/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.50/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.50/animatedhourly1.0https://facebook.github.io/react-native/docs/0.50/easinghourly1.0https://facebook.github.io/react-native/docs/0.50/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.50/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.50/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.50/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.50/transformshourly1.0https://facebook.github.io/react-native/docs/0.50/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.50/switchhourly1.0https://facebook.github.io/react-native/docs/0.50/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.50/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.50/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.50/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.50/webviewhourly1.0https://facebook.github.io/react-native/docs/0.50/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.50/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.50/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.50/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.50/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.50/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.50/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.50/netinfohourly1.0https://facebook.github.io/react-native/docs/0.50/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.50/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.50/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.50/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.50/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.50/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/appstatehourly1.0https://facebook.github.io/react-native/docs/0.50/pickerhourly1.0https://facebook.github.io/react-native/docs/0.50/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.50/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.50/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.50/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/linkinghourly1.0https://facebook.github.io/react-native/docs/0.50/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.50/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.50/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.50/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.50/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.50/sliderhourly1.0https://facebook.github.io/react-native/docs/0.50/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.50/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.50/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.50/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.50/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.50/sharehourly1.0https://facebook.github.io/react-native/docs/0.50/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.50/alerthourly1.0https://facebook.github.io/react-native/docs/0.50/alertioshourly1.0https://facebook.github.io/react-native/docs/0.50/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.50/buttonhourly1.0https://facebook.github.io/react-native/docs/0.50/systracehourly1.0https://facebook.github.io/react-native/docs/0.50/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.50/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.50/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.50/listviewhourly1.0https://facebook.github.io/react-native/docs/0.50/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.50/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.50/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.50/viewhourly1.0https://facebook.github.io/react-native/docs/0.50/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.50/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.50/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.50/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.50/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.50/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.50/animationshourly1.0https://facebook.github.io/react-native/docs/0.50/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.50/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.50/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.50/colorshourly1.0https://facebook.github.io/react-native/docs/0.50/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.50/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/debugginghourly1.0https://facebook.github.io/react-native/docs/0.50/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.50/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.50/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.50/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.50/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.50/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.50/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.50/imageshourly1.0https://facebook.github.io/react-native/docs/0.50/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.50/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.50/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.50/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.50/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.50/navigationhourly1.0https://facebook.github.io/react-native/docs/0.50/networkhourly1.0https://facebook.github.io/react-native/docs/0.50/performancehourly1.0https://facebook.github.io/react-native/docs/0.50/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.50/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.50/propshourly1.0https://facebook.github.io/react-native/docs/0.50/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.50/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.50/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/settingshourly1.0https://facebook.github.io/react-native/docs/0.50/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/statehourly1.0https://facebook.github.io/react-native/docs/0.50/stylehourly1.0https://facebook.github.io/react-native/docs/0.50/timershourly1.0https://facebook.github.io/react-native/docs/0.50/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.50/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.50/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.50/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.50/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.50/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.49/modalhourly1.0https://facebook.github.io/react-native/docs/0.49/texthourly1.0https://facebook.github.io/react-native/docs/0.49/textinputhourly1.0https://facebook.github.io/react-native/docs/0.49/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/imagehourly1.0https://facebook.github.io/react-native/docs/0.49/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.49/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.49/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.49/animatedhourly1.0https://facebook.github.io/react-native/docs/0.49/easinghourly1.0https://facebook.github.io/react-native/docs/0.49/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.49/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.49/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.49/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.49/transformshourly1.0https://facebook.github.io/react-native/docs/0.49/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.49/switchhourly1.0https://facebook.github.io/react-native/docs/0.49/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.49/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.49/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.49/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.49/webviewhourly1.0https://facebook.github.io/react-native/docs/0.49/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.49/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.49/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.49/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.49/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.49/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.49/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.49/netinfohourly1.0https://facebook.github.io/react-native/docs/0.49/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.49/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.49/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.49/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.49/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.49/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/appstatehourly1.0https://facebook.github.io/react-native/docs/0.49/pickerhourly1.0https://facebook.github.io/react-native/docs/0.49/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.49/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.49/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.49/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/linkinghourly1.0https://facebook.github.io/react-native/docs/0.49/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.49/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.49/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.49/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.49/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.49/sliderhourly1.0https://facebook.github.io/react-native/docs/0.49/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.49/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.49/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.49/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.49/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.49/sharehourly1.0https://facebook.github.io/react-native/docs/0.49/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.49/alerthourly1.0https://facebook.github.io/react-native/docs/0.49/alertioshourly1.0https://facebook.github.io/react-native/docs/0.49/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.49/buttonhourly1.0https://facebook.github.io/react-native/docs/0.49/systracehourly1.0https://facebook.github.io/react-native/docs/0.49/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.49/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.49/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.49/listviewhourly1.0https://facebook.github.io/react-native/docs/0.49/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.49/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.49/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.49/viewhourly1.0https://facebook.github.io/react-native/docs/0.49/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.49/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.49/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.49/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.49/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.49/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.49/animationshourly1.0https://facebook.github.io/react-native/docs/0.49/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.49/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.49/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.49/colorshourly1.0https://facebook.github.io/react-native/docs/0.49/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.49/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/debugginghourly1.0https://facebook.github.io/react-native/docs/0.49/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.49/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.49/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.49/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.49/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.49/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.49/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.49/imageshourly1.0https://facebook.github.io/react-native/docs/0.49/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.49/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.49/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.49/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.49/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.49/navigationhourly1.0https://facebook.github.io/react-native/docs/0.49/networkhourly1.0https://facebook.github.io/react-native/docs/0.49/performancehourly1.0https://facebook.github.io/react-native/docs/0.49/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.49/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.49/propshourly1.0https://facebook.github.io/react-native/docs/0.49/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.49/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.49/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/settingshourly1.0https://facebook.github.io/react-native/docs/0.49/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/statehourly1.0https://facebook.github.io/react-native/docs/0.49/stylehourly1.0https://facebook.github.io/react-native/docs/0.49/timershourly1.0https://facebook.github.io/react-native/docs/0.49/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.49/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.49/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.49/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.49/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.48/modalhourly1.0https://facebook.github.io/react-native/docs/0.48/texthourly1.0https://facebook.github.io/react-native/docs/0.48/textinputhourly1.0https://facebook.github.io/react-native/docs/0.48/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/imagehourly1.0https://facebook.github.io/react-native/docs/0.48/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.48/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.48/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.48/animatedhourly1.0https://facebook.github.io/react-native/docs/0.48/easinghourly1.0https://facebook.github.io/react-native/docs/0.48/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.48/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.48/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.48/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.48/transformshourly1.0https://facebook.github.io/react-native/docs/0.48/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.48/switchhourly1.0https://facebook.github.io/react-native/docs/0.48/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.48/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.48/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.48/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.48/webviewhourly1.0https://facebook.github.io/react-native/docs/0.48/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.48/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.48/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.48/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.48/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.48/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.48/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.48/netinfohourly1.0https://facebook.github.io/react-native/docs/0.48/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.48/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.48/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.48/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.48/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.48/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/appstatehourly1.0https://facebook.github.io/react-native/docs/0.48/pickerhourly1.0https://facebook.github.io/react-native/docs/0.48/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.48/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.48/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.48/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/linkinghourly1.0https://facebook.github.io/react-native/docs/0.48/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.48/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.48/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.48/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.48/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.48/sliderhourly1.0https://facebook.github.io/react-native/docs/0.48/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.48/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.48/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.48/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.48/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.48/sharehourly1.0https://facebook.github.io/react-native/docs/0.48/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.48/alerthourly1.0https://facebook.github.io/react-native/docs/0.48/alertioshourly1.0https://facebook.github.io/react-native/docs/0.48/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.48/buttonhourly1.0https://facebook.github.io/react-native/docs/0.48/systracehourly1.0https://facebook.github.io/react-native/docs/0.48/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.48/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.48/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.48/listviewhourly1.0https://facebook.github.io/react-native/docs/0.48/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.48/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.48/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.48/viewhourly1.0https://facebook.github.io/react-native/docs/0.48/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.48/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.48/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.48/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.48/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.48/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.48/animationshourly1.0https://facebook.github.io/react-native/docs/0.48/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.48/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.48/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.48/colorshourly1.0https://facebook.github.io/react-native/docs/0.48/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.48/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/debugginghourly1.0https://facebook.github.io/react-native/docs/0.48/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.48/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.48/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.48/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.48/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.48/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.48/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.48/imageshourly1.0https://facebook.github.io/react-native/docs/0.48/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.48/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.48/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.48/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.48/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.48/navigationhourly1.0https://facebook.github.io/react-native/docs/0.48/networkhourly1.0https://facebook.github.io/react-native/docs/0.48/performancehourly1.0https://facebook.github.io/react-native/docs/0.48/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.48/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.48/propshourly1.0https://facebook.github.io/react-native/docs/0.48/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.48/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.48/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/settingshourly1.0https://facebook.github.io/react-native/docs/0.48/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/statehourly1.0https://facebook.github.io/react-native/docs/0.48/stylehourly1.0https://facebook.github.io/react-native/docs/0.48/timershourly1.0https://facebook.github.io/react-native/docs/0.48/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.48/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.48/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.48/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.48/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.47/modalhourly1.0https://facebook.github.io/react-native/docs/0.47/texthourly1.0https://facebook.github.io/react-native/docs/0.47/textinputhourly1.0https://facebook.github.io/react-native/docs/0.47/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/imagehourly1.0https://facebook.github.io/react-native/docs/0.47/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.47/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.47/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.47/animatedhourly1.0https://facebook.github.io/react-native/docs/0.47/easinghourly1.0https://facebook.github.io/react-native/docs/0.47/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.47/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.47/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.47/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.47/transformshourly1.0https://facebook.github.io/react-native/docs/0.47/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.47/switchhourly1.0https://facebook.github.io/react-native/docs/0.47/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.47/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.47/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.47/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.47/webviewhourly1.0https://facebook.github.io/react-native/docs/0.47/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.47/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.47/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.47/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.47/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.47/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.47/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.47/netinfohourly1.0https://facebook.github.io/react-native/docs/0.47/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.47/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.47/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.47/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.47/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.47/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/appstatehourly1.0https://facebook.github.io/react-native/docs/0.47/pickerhourly1.0https://facebook.github.io/react-native/docs/0.47/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.47/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.47/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.47/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/linkinghourly1.0https://facebook.github.io/react-native/docs/0.47/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.47/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.47/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.47/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.47/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.47/sliderhourly1.0https://facebook.github.io/react-native/docs/0.47/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.47/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.47/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.47/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.47/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.47/sharehourly1.0https://facebook.github.io/react-native/docs/0.47/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.47/alerthourly1.0https://facebook.github.io/react-native/docs/0.47/alertioshourly1.0https://facebook.github.io/react-native/docs/0.47/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.47/buttonhourly1.0https://facebook.github.io/react-native/docs/0.47/systracehourly1.0https://facebook.github.io/react-native/docs/0.47/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.47/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.47/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.47/listviewhourly1.0https://facebook.github.io/react-native/docs/0.47/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.47/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.47/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.47/viewhourly1.0https://facebook.github.io/react-native/docs/0.47/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.47/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.47/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.47/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.47/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.47/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.47/animationshourly1.0https://facebook.github.io/react-native/docs/0.47/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.47/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.47/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.47/colorshourly1.0https://facebook.github.io/react-native/docs/0.47/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.47/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/debugginghourly1.0https://facebook.github.io/react-native/docs/0.47/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.47/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.47/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.47/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.47/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.47/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.47/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.47/imageshourly1.0https://facebook.github.io/react-native/docs/0.47/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.47/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.47/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.47/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.47/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.47/navigationhourly1.0https://facebook.github.io/react-native/docs/0.47/networkhourly1.0https://facebook.github.io/react-native/docs/0.47/performancehourly1.0https://facebook.github.io/react-native/docs/0.47/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.47/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.47/propshourly1.0https://facebook.github.io/react-native/docs/0.47/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.47/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.47/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/settingshourly1.0https://facebook.github.io/react-native/docs/0.47/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/statehourly1.0https://facebook.github.io/react-native/docs/0.47/stylehourly1.0https://facebook.github.io/react-native/docs/0.47/timershourly1.0https://facebook.github.io/react-native/docs/0.47/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.47/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.47/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.47/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.47/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.46/modalhourly1.0https://facebook.github.io/react-native/docs/0.46/texthourly1.0https://facebook.github.io/react-native/docs/0.46/textinputhourly1.0https://facebook.github.io/react-native/docs/0.46/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/imagehourly1.0https://facebook.github.io/react-native/docs/0.46/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.46/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.46/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.46/animatedhourly1.0https://facebook.github.io/react-native/docs/0.46/easinghourly1.0https://facebook.github.io/react-native/docs/0.46/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.46/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.46/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.46/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.46/transformshourly1.0https://facebook.github.io/react-native/docs/0.46/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.46/switchhourly1.0https://facebook.github.io/react-native/docs/0.46/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.46/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.46/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.46/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.46/webviewhourly1.0https://facebook.github.io/react-native/docs/0.46/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.46/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.46/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.46/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.46/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.46/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.46/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.46/netinfohourly1.0https://facebook.github.io/react-native/docs/0.46/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.46/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.46/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.46/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.46/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.46/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/appstatehourly1.0https://facebook.github.io/react-native/docs/0.46/pickerhourly1.0https://facebook.github.io/react-native/docs/0.46/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.46/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.46/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.46/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/linkinghourly1.0https://facebook.github.io/react-native/docs/0.46/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.46/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.46/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.46/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.46/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.46/sliderhourly1.0https://facebook.github.io/react-native/docs/0.46/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.46/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.46/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.46/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.46/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.46/sharehourly1.0https://facebook.github.io/react-native/docs/0.46/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.46/alerthourly1.0https://facebook.github.io/react-native/docs/0.46/alertioshourly1.0https://facebook.github.io/react-native/docs/0.46/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.46/buttonhourly1.0https://facebook.github.io/react-native/docs/0.46/systracehourly1.0https://facebook.github.io/react-native/docs/0.46/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.46/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.46/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.46/listviewhourly1.0https://facebook.github.io/react-native/docs/0.46/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.46/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.46/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.46/viewhourly1.0https://facebook.github.io/react-native/docs/0.46/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.46/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.46/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.46/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.46/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.46/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.46/animationshourly1.0https://facebook.github.io/react-native/docs/0.46/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.46/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.46/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.46/colorshourly1.0https://facebook.github.io/react-native/docs/0.46/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.46/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/debugginghourly1.0https://facebook.github.io/react-native/docs/0.46/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.46/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.46/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.46/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.46/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.46/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.46/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.46/imageshourly1.0https://facebook.github.io/react-native/docs/0.46/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.46/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.46/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.46/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.46/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.46/navigationhourly1.0https://facebook.github.io/react-native/docs/0.46/networkhourly1.0https://facebook.github.io/react-native/docs/0.46/performancehourly1.0https://facebook.github.io/react-native/docs/0.46/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.46/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.46/propshourly1.0https://facebook.github.io/react-native/docs/0.46/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.46/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.46/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/settingshourly1.0https://facebook.github.io/react-native/docs/0.46/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/statehourly1.0https://facebook.github.io/react-native/docs/0.46/stylehourly1.0https://facebook.github.io/react-native/docs/0.46/timershourly1.0https://facebook.github.io/react-native/docs/0.46/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.46/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.46/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.46/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.46/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.45/modalhourly1.0https://facebook.github.io/react-native/docs/0.45/texthourly1.0https://facebook.github.io/react-native/docs/0.45/textinputhourly1.0https://facebook.github.io/react-native/docs/0.45/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/imagehourly1.0https://facebook.github.io/react-native/docs/0.45/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.45/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.45/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.45/animatedhourly1.0https://facebook.github.io/react-native/docs/0.45/easinghourly1.0https://facebook.github.io/react-native/docs/0.45/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.45/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.45/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.45/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.45/transformshourly1.0https://facebook.github.io/react-native/docs/0.45/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.45/switchhourly1.0https://facebook.github.io/react-native/docs/0.45/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.45/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.45/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.45/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.45/webviewhourly1.0https://facebook.github.io/react-native/docs/0.45/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.45/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.45/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.45/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.45/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.45/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.45/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.45/netinfohourly1.0https://facebook.github.io/react-native/docs/0.45/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.45/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.45/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.45/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.45/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.45/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/appstatehourly1.0https://facebook.github.io/react-native/docs/0.45/pickerhourly1.0https://facebook.github.io/react-native/docs/0.45/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.45/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.45/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.45/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/linkinghourly1.0https://facebook.github.io/react-native/docs/0.45/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.45/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.45/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.45/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.45/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.45/sliderhourly1.0https://facebook.github.io/react-native/docs/0.45/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.45/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.45/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.45/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.45/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.45/sharehourly1.0https://facebook.github.io/react-native/docs/0.45/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.45/alerthourly1.0https://facebook.github.io/react-native/docs/0.45/alertioshourly1.0https://facebook.github.io/react-native/docs/0.45/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.45/buttonhourly1.0https://facebook.github.io/react-native/docs/0.45/systracehourly1.0https://facebook.github.io/react-native/docs/0.45/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.45/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.45/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.45/listviewhourly1.0https://facebook.github.io/react-native/docs/0.45/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.45/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.45/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.45/viewhourly1.0https://facebook.github.io/react-native/docs/0.45/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.45/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.45/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.45/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.45/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.45/animationshourly1.0https://facebook.github.io/react-native/docs/0.45/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.45/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.45/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.45/colorshourly1.0https://facebook.github.io/react-native/docs/0.45/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.45/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/debugginghourly1.0https://facebook.github.io/react-native/docs/0.45/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.45/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.45/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.45/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.45/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.45/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.45/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.45/imageshourly1.0https://facebook.github.io/react-native/docs/0.45/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.45/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.45/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.45/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.45/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.45/navigationhourly1.0https://facebook.github.io/react-native/docs/0.45/networkhourly1.0https://facebook.github.io/react-native/docs/0.45/performancehourly1.0https://facebook.github.io/react-native/docs/0.45/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.45/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.45/propshourly1.0https://facebook.github.io/react-native/docs/0.45/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.45/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.45/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/settingshourly1.0https://facebook.github.io/react-native/docs/0.45/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/statehourly1.0https://facebook.github.io/react-native/docs/0.45/stylehourly1.0https://facebook.github.io/react-native/docs/0.45/timershourly1.0https://facebook.github.io/react-native/docs/0.45/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.45/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.45/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.45/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.45/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.44/modalhourly1.0https://facebook.github.io/react-native/docs/0.44/texthourly1.0https://facebook.github.io/react-native/docs/0.44/textinputhourly1.0https://facebook.github.io/react-native/docs/0.44/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/imagehourly1.0https://facebook.github.io/react-native/docs/0.44/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.44/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.44/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.44/animatedhourly1.0https://facebook.github.io/react-native/docs/0.44/easinghourly1.0https://facebook.github.io/react-native/docs/0.44/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.44/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.44/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.44/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.44/transformshourly1.0https://facebook.github.io/react-native/docs/0.44/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.44/switchhourly1.0https://facebook.github.io/react-native/docs/0.44/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.44/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.44/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.44/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.44/webviewhourly1.0https://facebook.github.io/react-native/docs/0.44/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.44/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.44/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.44/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.44/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.44/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.44/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.44/netinfohourly1.0https://facebook.github.io/react-native/docs/0.44/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.44/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.44/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.44/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.44/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.44/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/appstatehourly1.0https://facebook.github.io/react-native/docs/0.44/pickerhourly1.0https://facebook.github.io/react-native/docs/0.44/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.44/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.44/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.44/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/linkinghourly1.0https://facebook.github.io/react-native/docs/0.44/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.44/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.44/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.44/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.44/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.44/sliderhourly1.0https://facebook.github.io/react-native/docs/0.44/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.44/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.44/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.44/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.44/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.44/sharehourly1.0https://facebook.github.io/react-native/docs/0.44/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.44/alerthourly1.0https://facebook.github.io/react-native/docs/0.44/alertioshourly1.0https://facebook.github.io/react-native/docs/0.44/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.44/buttonhourly1.0https://facebook.github.io/react-native/docs/0.44/systracehourly1.0https://facebook.github.io/react-native/docs/0.44/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.44/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.44/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.44/listviewhourly1.0https://facebook.github.io/react-native/docs/0.44/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.44/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.44/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.44/viewhourly1.0https://facebook.github.io/react-native/docs/0.44/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.44/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.44/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.44/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.44/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.44/animationshourly1.0https://facebook.github.io/react-native/docs/0.44/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.44/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.44/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.44/colorshourly1.0https://facebook.github.io/react-native/docs/0.44/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.44/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/debugginghourly1.0https://facebook.github.io/react-native/docs/0.44/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.44/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.44/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.44/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.44/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.44/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.44/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.44/imageshourly1.0https://facebook.github.io/react-native/docs/0.44/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.44/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.44/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.44/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.44/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.44/navigationhourly1.0https://facebook.github.io/react-native/docs/0.44/networkhourly1.0https://facebook.github.io/react-native/docs/0.44/performancehourly1.0https://facebook.github.io/react-native/docs/0.44/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.44/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.44/propshourly1.0https://facebook.github.io/react-native/docs/0.44/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.44/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.44/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/settingshourly1.0https://facebook.github.io/react-native/docs/0.44/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/statehourly1.0https://facebook.github.io/react-native/docs/0.44/stylehourly1.0https://facebook.github.io/react-native/docs/0.44/timershourly1.0https://facebook.github.io/react-native/docs/0.44/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.44/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.44/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.44/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.44/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.43/modalhourly1.0https://facebook.github.io/react-native/docs/0.43/texthourly1.0https://facebook.github.io/react-native/docs/0.43/textinputhourly1.0https://facebook.github.io/react-native/docs/0.43/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/imagehourly1.0https://facebook.github.io/react-native/docs/0.43/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.43/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.43/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.43/animatedhourly1.0https://facebook.github.io/react-native/docs/0.43/easinghourly1.0https://facebook.github.io/react-native/docs/0.43/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.43/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.43/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.43/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.43/transformshourly1.0https://facebook.github.io/react-native/docs/0.43/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.43/switchhourly1.0https://facebook.github.io/react-native/docs/0.43/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.43/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.43/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.43/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.43/webviewhourly1.0https://facebook.github.io/react-native/docs/0.43/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.43/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.43/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.43/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.43/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.43/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.43/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.43/netinfohourly1.0https://facebook.github.io/react-native/docs/0.43/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.43/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.43/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.43/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.43/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.43/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/appstatehourly1.0https://facebook.github.io/react-native/docs/0.43/pickerhourly1.0https://facebook.github.io/react-native/docs/0.43/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.43/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.43/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.43/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/linkinghourly1.0https://facebook.github.io/react-native/docs/0.43/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.43/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.43/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.43/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.43/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.43/sliderhourly1.0https://facebook.github.io/react-native/docs/0.43/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.43/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.43/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.43/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.43/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.43/sharehourly1.0https://facebook.github.io/react-native/docs/0.43/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.43/alerthourly1.0https://facebook.github.io/react-native/docs/0.43/alertioshourly1.0https://facebook.github.io/react-native/docs/0.43/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.43/buttonhourly1.0https://facebook.github.io/react-native/docs/0.43/systracehourly1.0https://facebook.github.io/react-native/docs/0.43/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.43/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.43/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.43/listviewhourly1.0https://facebook.github.io/react-native/docs/0.43/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.43/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.43/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.43/viewhourly1.0https://facebook.github.io/react-native/docs/0.43/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.43/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.43/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.43/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.43/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.43/animationshourly1.0https://facebook.github.io/react-native/docs/0.43/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.43/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.43/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.43/colorshourly1.0https://facebook.github.io/react-native/docs/0.43/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.43/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/debugginghourly1.0https://facebook.github.io/react-native/docs/0.43/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.43/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.43/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.43/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.43/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.43/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.43/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.43/imageshourly1.0https://facebook.github.io/react-native/docs/0.43/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.43/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.43/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.43/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.43/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.43/navigationhourly1.0https://facebook.github.io/react-native/docs/0.43/networkhourly1.0https://facebook.github.io/react-native/docs/0.43/performancehourly1.0https://facebook.github.io/react-native/docs/0.43/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.43/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.43/propshourly1.0https://facebook.github.io/react-native/docs/0.43/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.43/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.43/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/settingshourly1.0https://facebook.github.io/react-native/docs/0.43/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/statehourly1.0https://facebook.github.io/react-native/docs/0.43/stylehourly1.0https://facebook.github.io/react-native/docs/0.43/timershourly1.0https://facebook.github.io/react-native/docs/0.43/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.43/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.43/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.43/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.43/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.42/modalhourly1.0https://facebook.github.io/react-native/docs/0.42/texthourly1.0https://facebook.github.io/react-native/docs/0.42/textinputhourly1.0https://facebook.github.io/react-native/docs/0.42/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/imagehourly1.0https://facebook.github.io/react-native/docs/0.42/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.42/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.42/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.42/animatedhourly1.0https://facebook.github.io/react-native/docs/0.42/easinghourly1.0https://facebook.github.io/react-native/docs/0.42/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.42/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.42/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.42/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.42/transformshourly1.0https://facebook.github.io/react-native/docs/0.42/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.42/switchhourly1.0https://facebook.github.io/react-native/docs/0.42/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.42/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.42/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.42/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.42/webviewhourly1.0https://facebook.github.io/react-native/docs/0.42/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.42/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.42/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.42/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.42/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.42/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.42/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.42/netinfohourly1.0https://facebook.github.io/react-native/docs/0.42/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.42/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.42/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.42/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.42/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.42/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/appstatehourly1.0https://facebook.github.io/react-native/docs/0.42/pickerhourly1.0https://facebook.github.io/react-native/docs/0.42/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.42/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.42/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.42/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/linkinghourly1.0https://facebook.github.io/react-native/docs/0.42/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.42/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.42/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.42/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.42/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.42/sliderhourly1.0https://facebook.github.io/react-native/docs/0.42/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.42/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.42/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.42/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.42/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.42/sharehourly1.0https://facebook.github.io/react-native/docs/0.42/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.42/alerthourly1.0https://facebook.github.io/react-native/docs/0.42/alertioshourly1.0https://facebook.github.io/react-native/docs/0.42/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.42/buttonhourly1.0https://facebook.github.io/react-native/docs/0.42/systracehourly1.0https://facebook.github.io/react-native/docs/0.42/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.42/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.42/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.42/listviewhourly1.0https://facebook.github.io/react-native/docs/0.42/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.42/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.42/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.42/viewhourly1.0https://facebook.github.io/react-native/docs/0.42/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.42/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.42/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.42/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.42/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.42/animationshourly1.0https://facebook.github.io/react-native/docs/0.42/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.42/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.42/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.42/colorshourly1.0https://facebook.github.io/react-native/docs/0.42/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.42/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/debugginghourly1.0https://facebook.github.io/react-native/docs/0.42/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.42/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.42/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.42/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.42/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.42/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.42/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.42/imageshourly1.0https://facebook.github.io/react-native/docs/0.42/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.42/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.42/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.42/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.42/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.42/navigationhourly1.0https://facebook.github.io/react-native/docs/0.42/networkhourly1.0https://facebook.github.io/react-native/docs/0.42/performancehourly1.0https://facebook.github.io/react-native/docs/0.42/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.42/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.42/propshourly1.0https://facebook.github.io/react-native/docs/0.42/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.42/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.42/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/settingshourly1.0https://facebook.github.io/react-native/docs/0.42/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/statehourly1.0https://facebook.github.io/react-native/docs/0.42/stylehourly1.0https://facebook.github.io/react-native/docs/0.42/timershourly1.0https://facebook.github.io/react-native/docs/0.42/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.42/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.42/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.42/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.42/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.41/modalhourly1.0https://facebook.github.io/react-native/docs/0.41/texthourly1.0https://facebook.github.io/react-native/docs/0.41/textinputhourly1.0https://facebook.github.io/react-native/docs/0.41/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/imagehourly1.0https://facebook.github.io/react-native/docs/0.41/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.41/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.41/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.41/animatedhourly1.0https://facebook.github.io/react-native/docs/0.41/easinghourly1.0https://facebook.github.io/react-native/docs/0.41/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.41/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.41/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.41/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.41/transformshourly1.0https://facebook.github.io/react-native/docs/0.41/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.41/switchhourly1.0https://facebook.github.io/react-native/docs/0.41/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.41/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.41/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.41/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.41/webviewhourly1.0https://facebook.github.io/react-native/docs/0.41/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.41/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.41/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.41/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.41/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.41/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.41/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.41/netinfohourly1.0https://facebook.github.io/react-native/docs/0.41/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.41/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.41/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.41/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.41/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.41/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/appstatehourly1.0https://facebook.github.io/react-native/docs/0.41/pickerhourly1.0https://facebook.github.io/react-native/docs/0.41/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.41/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.41/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.41/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/linkinghourly1.0https://facebook.github.io/react-native/docs/0.41/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.41/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.41/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.41/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.41/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.41/sliderhourly1.0https://facebook.github.io/react-native/docs/0.41/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.41/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.41/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.41/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.41/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.41/sharehourly1.0https://facebook.github.io/react-native/docs/0.41/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.41/alerthourly1.0https://facebook.github.io/react-native/docs/0.41/alertioshourly1.0https://facebook.github.io/react-native/docs/0.41/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.41/buttonhourly1.0https://facebook.github.io/react-native/docs/0.41/systracehourly1.0https://facebook.github.io/react-native/docs/0.41/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.41/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.41/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.41/listviewhourly1.0https://facebook.github.io/react-native/docs/0.41/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.41/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.41/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.41/viewhourly1.0https://facebook.github.io/react-native/docs/0.41/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.41/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.41/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.41/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.41/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.41/animationshourly1.0https://facebook.github.io/react-native/docs/0.41/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.41/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.41/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.41/colorshourly1.0https://facebook.github.io/react-native/docs/0.41/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.41/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/debugginghourly1.0https://facebook.github.io/react-native/docs/0.41/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.41/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.41/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.41/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.41/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.41/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.41/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.41/imageshourly1.0https://facebook.github.io/react-native/docs/0.41/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.41/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.41/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.41/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.41/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.41/navigationhourly1.0https://facebook.github.io/react-native/docs/0.41/networkhourly1.0https://facebook.github.io/react-native/docs/0.41/performancehourly1.0https://facebook.github.io/react-native/docs/0.41/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.41/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.41/propshourly1.0https://facebook.github.io/react-native/docs/0.41/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.41/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.41/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/settingshourly1.0https://facebook.github.io/react-native/docs/0.41/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/statehourly1.0https://facebook.github.io/react-native/docs/0.41/stylehourly1.0https://facebook.github.io/react-native/docs/0.41/timershourly1.0https://facebook.github.io/react-native/docs/0.41/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.41/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.41/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.41/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.41/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.40/modalhourly1.0https://facebook.github.io/react-native/docs/0.40/texthourly1.0https://facebook.github.io/react-native/docs/0.40/textinputhourly1.0https://facebook.github.io/react-native/docs/0.40/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/imagehourly1.0https://facebook.github.io/react-native/docs/0.40/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.40/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.40/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.40/animatedhourly1.0https://facebook.github.io/react-native/docs/0.40/easinghourly1.0https://facebook.github.io/react-native/docs/0.40/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.40/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.40/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.40/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.40/transformshourly1.0https://facebook.github.io/react-native/docs/0.40/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.40/switchhourly1.0https://facebook.github.io/react-native/docs/0.40/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.40/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.40/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.40/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.40/webviewhourly1.0https://facebook.github.io/react-native/docs/0.40/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.40/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.40/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.40/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.40/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.40/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.40/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.40/netinfohourly1.0https://facebook.github.io/react-native/docs/0.40/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.40/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.40/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.40/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.40/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.40/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/appstatehourly1.0https://facebook.github.io/react-native/docs/0.40/pickerhourly1.0https://facebook.github.io/react-native/docs/0.40/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.40/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.40/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.40/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/linkinghourly1.0https://facebook.github.io/react-native/docs/0.40/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.40/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.40/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.40/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.40/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.40/sliderhourly1.0https://facebook.github.io/react-native/docs/0.40/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.40/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.40/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.40/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.40/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.40/sharehourly1.0https://facebook.github.io/react-native/docs/0.40/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.40/alerthourly1.0https://facebook.github.io/react-native/docs/0.40/alertioshourly1.0https://facebook.github.io/react-native/docs/0.40/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.40/buttonhourly1.0https://facebook.github.io/react-native/docs/0.40/systracehourly1.0https://facebook.github.io/react-native/docs/0.40/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.40/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.40/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.40/listviewhourly1.0https://facebook.github.io/react-native/docs/0.40/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.40/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.40/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.40/viewhourly1.0https://facebook.github.io/react-native/docs/0.40/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.40/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.40/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.40/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.40/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.40/animationshourly1.0https://facebook.github.io/react-native/docs/0.40/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.40/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.40/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.40/colorshourly1.0https://facebook.github.io/react-native/docs/0.40/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.40/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/debugginghourly1.0https://facebook.github.io/react-native/docs/0.40/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.40/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.40/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.40/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.40/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.40/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.40/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.40/imageshourly1.0https://facebook.github.io/react-native/docs/0.40/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.40/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.40/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.40/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.40/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.40/navigationhourly1.0https://facebook.github.io/react-native/docs/0.40/networkhourly1.0https://facebook.github.io/react-native/docs/0.40/performancehourly1.0https://facebook.github.io/react-native/docs/0.40/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.40/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.40/propshourly1.0https://facebook.github.io/react-native/docs/0.40/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.40/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.40/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/settingshourly1.0https://facebook.github.io/react-native/docs/0.40/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/statehourly1.0https://facebook.github.io/react-native/docs/0.40/stylehourly1.0https://facebook.github.io/react-native/docs/0.40/timershourly1.0https://facebook.github.io/react-native/docs/0.40/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.40/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.40/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.40/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.40/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.39/modalhourly1.0https://facebook.github.io/react-native/docs/0.39/texthourly1.0https://facebook.github.io/react-native/docs/0.39/textinputhourly1.0https://facebook.github.io/react-native/docs/0.39/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/imagehourly1.0https://facebook.github.io/react-native/docs/0.39/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.39/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.39/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.39/animatedhourly1.0https://facebook.github.io/react-native/docs/0.39/easinghourly1.0https://facebook.github.io/react-native/docs/0.39/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.39/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.39/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.39/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.39/transformshourly1.0https://facebook.github.io/react-native/docs/0.39/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.39/switchhourly1.0https://facebook.github.io/react-native/docs/0.39/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.39/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.39/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.39/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.39/webviewhourly1.0https://facebook.github.io/react-native/docs/0.39/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.39/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.39/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.39/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.39/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.39/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.39/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.39/netinfohourly1.0https://facebook.github.io/react-native/docs/0.39/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.39/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.39/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.39/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.39/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.39/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/appstatehourly1.0https://facebook.github.io/react-native/docs/0.39/pickerhourly1.0https://facebook.github.io/react-native/docs/0.39/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.39/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.39/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.39/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/linkinghourly1.0https://facebook.github.io/react-native/docs/0.39/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.39/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.39/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.39/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.39/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.39/sliderhourly1.0https://facebook.github.io/react-native/docs/0.39/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.39/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.39/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.39/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.39/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.39/sharehourly1.0https://facebook.github.io/react-native/docs/0.39/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.39/alerthourly1.0https://facebook.github.io/react-native/docs/0.39/alertioshourly1.0https://facebook.github.io/react-native/docs/0.39/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.39/buttonhourly1.0https://facebook.github.io/react-native/docs/0.39/systracehourly1.0https://facebook.github.io/react-native/docs/0.39/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.39/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.39/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.39/listviewhourly1.0https://facebook.github.io/react-native/docs/0.39/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.39/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.39/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.39/viewhourly1.0https://facebook.github.io/react-native/docs/0.39/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.39/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.39/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.39/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.39/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.39/animationshourly1.0https://facebook.github.io/react-native/docs/0.39/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.39/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.39/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.39/colorshourly1.0https://facebook.github.io/react-native/docs/0.39/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.39/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/debugginghourly1.0https://facebook.github.io/react-native/docs/0.39/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.39/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.39/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.39/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.39/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.39/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.39/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.39/imageshourly1.0https://facebook.github.io/react-native/docs/0.39/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.39/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.39/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.39/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.39/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.39/navigationhourly1.0https://facebook.github.io/react-native/docs/0.39/networkhourly1.0https://facebook.github.io/react-native/docs/0.39/performancehourly1.0https://facebook.github.io/react-native/docs/0.39/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.39/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.39/propshourly1.0https://facebook.github.io/react-native/docs/0.39/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.39/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.39/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/settingshourly1.0https://facebook.github.io/react-native/docs/0.39/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/statehourly1.0https://facebook.github.io/react-native/docs/0.39/stylehourly1.0https://facebook.github.io/react-native/docs/0.39/timershourly1.0https://facebook.github.io/react-native/docs/0.39/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.39/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.39/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.39/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.39/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.38/modalhourly1.0https://facebook.github.io/react-native/docs/0.38/texthourly1.0https://facebook.github.io/react-native/docs/0.38/textinputhourly1.0https://facebook.github.io/react-native/docs/0.38/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/imagehourly1.0https://facebook.github.io/react-native/docs/0.38/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.38/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.38/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.38/animatedhourly1.0https://facebook.github.io/react-native/docs/0.38/easinghourly1.0https://facebook.github.io/react-native/docs/0.38/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.38/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.38/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.38/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.38/transformshourly1.0https://facebook.github.io/react-native/docs/0.38/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.38/switchhourly1.0https://facebook.github.io/react-native/docs/0.38/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.38/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.38/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.38/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.38/webviewhourly1.0https://facebook.github.io/react-native/docs/0.38/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.38/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.38/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.38/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.38/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.38/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.38/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.38/netinfohourly1.0https://facebook.github.io/react-native/docs/0.38/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.38/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.38/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.38/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.38/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.38/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/appstatehourly1.0https://facebook.github.io/react-native/docs/0.38/pickerhourly1.0https://facebook.github.io/react-native/docs/0.38/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.38/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.38/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.38/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/linkinghourly1.0https://facebook.github.io/react-native/docs/0.38/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.38/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.38/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.38/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.38/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.38/sliderhourly1.0https://facebook.github.io/react-native/docs/0.38/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.38/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.38/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.38/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.38/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.38/sharehourly1.0https://facebook.github.io/react-native/docs/0.38/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.38/alerthourly1.0https://facebook.github.io/react-native/docs/0.38/alertioshourly1.0https://facebook.github.io/react-native/docs/0.38/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.38/buttonhourly1.0https://facebook.github.io/react-native/docs/0.38/systracehourly1.0https://facebook.github.io/react-native/docs/0.38/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.38/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.38/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.38/listviewhourly1.0https://facebook.github.io/react-native/docs/0.38/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.38/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.38/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.38/viewhourly1.0https://facebook.github.io/react-native/docs/0.38/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.38/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.38/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.38/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.38/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.38/animationshourly1.0https://facebook.github.io/react-native/docs/0.38/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.38/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.38/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.38/colorshourly1.0https://facebook.github.io/react-native/docs/0.38/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.38/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/debugginghourly1.0https://facebook.github.io/react-native/docs/0.38/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.38/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.38/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.38/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.38/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.38/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.38/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.38/imageshourly1.0https://facebook.github.io/react-native/docs/0.38/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.38/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.38/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.38/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.38/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.38/navigationhourly1.0https://facebook.github.io/react-native/docs/0.38/networkhourly1.0https://facebook.github.io/react-native/docs/0.38/performancehourly1.0https://facebook.github.io/react-native/docs/0.38/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.38/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.38/propshourly1.0https://facebook.github.io/react-native/docs/0.38/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.38/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.38/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/settingshourly1.0https://facebook.github.io/react-native/docs/0.38/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/statehourly1.0https://facebook.github.io/react-native/docs/0.38/stylehourly1.0https://facebook.github.io/react-native/docs/0.38/timershourly1.0https://facebook.github.io/react-native/docs/0.38/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.38/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.38/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.38/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.38/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.37/modalhourly1.0https://facebook.github.io/react-native/docs/0.37/texthourly1.0https://facebook.github.io/react-native/docs/0.37/textinputhourly1.0https://facebook.github.io/react-native/docs/0.37/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/imagehourly1.0https://facebook.github.io/react-native/docs/0.37/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.37/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.37/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.37/animatedhourly1.0https://facebook.github.io/react-native/docs/0.37/easinghourly1.0https://facebook.github.io/react-native/docs/0.37/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.37/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.37/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.37/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.37/transformshourly1.0https://facebook.github.io/react-native/docs/0.37/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.37/switchhourly1.0https://facebook.github.io/react-native/docs/0.37/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.37/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.37/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.37/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.37/webviewhourly1.0https://facebook.github.io/react-native/docs/0.37/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.37/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.37/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.37/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.37/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.37/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.37/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.37/netinfohourly1.0https://facebook.github.io/react-native/docs/0.37/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.37/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.37/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.37/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.37/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.37/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/appstatehourly1.0https://facebook.github.io/react-native/docs/0.37/pickerhourly1.0https://facebook.github.io/react-native/docs/0.37/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.37/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.37/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.37/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/linkinghourly1.0https://facebook.github.io/react-native/docs/0.37/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.37/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.37/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.37/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.37/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.37/sliderhourly1.0https://facebook.github.io/react-native/docs/0.37/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.37/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.37/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.37/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.37/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.37/sharehourly1.0https://facebook.github.io/react-native/docs/0.37/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.37/alerthourly1.0https://facebook.github.io/react-native/docs/0.37/alertioshourly1.0https://facebook.github.io/react-native/docs/0.37/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.37/buttonhourly1.0https://facebook.github.io/react-native/docs/0.37/systracehourly1.0https://facebook.github.io/react-native/docs/0.37/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.37/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.37/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.37/listviewhourly1.0https://facebook.github.io/react-native/docs/0.37/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.37/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.37/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.37/viewhourly1.0https://facebook.github.io/react-native/docs/0.37/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.37/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.37/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.37/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.37/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.37/animationshourly1.0https://facebook.github.io/react-native/docs/0.37/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.37/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.37/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.37/colorshourly1.0https://facebook.github.io/react-native/docs/0.37/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.37/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/debugginghourly1.0https://facebook.github.io/react-native/docs/0.37/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.37/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.37/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.37/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.37/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.37/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.37/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.37/imageshourly1.0https://facebook.github.io/react-native/docs/0.37/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.37/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.37/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.37/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.37/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.37/navigationhourly1.0https://facebook.github.io/react-native/docs/0.37/networkhourly1.0https://facebook.github.io/react-native/docs/0.37/performancehourly1.0https://facebook.github.io/react-native/docs/0.37/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.37/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.37/propshourly1.0https://facebook.github.io/react-native/docs/0.37/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.37/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.37/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/settingshourly1.0https://facebook.github.io/react-native/docs/0.37/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/statehourly1.0https://facebook.github.io/react-native/docs/0.37/stylehourly1.0https://facebook.github.io/react-native/docs/0.37/timershourly1.0https://facebook.github.io/react-native/docs/0.37/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.37/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.37/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.37/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.37/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.36/modalhourly1.0https://facebook.github.io/react-native/docs/0.36/texthourly1.0https://facebook.github.io/react-native/docs/0.36/textinputhourly1.0https://facebook.github.io/react-native/docs/0.36/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/imagehourly1.0https://facebook.github.io/react-native/docs/0.36/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.36/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.36/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.36/animatedhourly1.0https://facebook.github.io/react-native/docs/0.36/easinghourly1.0https://facebook.github.io/react-native/docs/0.36/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.36/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.36/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.36/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.36/transformshourly1.0https://facebook.github.io/react-native/docs/0.36/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.36/switchhourly1.0https://facebook.github.io/react-native/docs/0.36/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.36/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.36/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.36/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.36/webviewhourly1.0https://facebook.github.io/react-native/docs/0.36/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.36/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.36/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.36/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.36/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.36/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.36/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.36/netinfohourly1.0https://facebook.github.io/react-native/docs/0.36/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.36/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.36/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.36/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.36/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.36/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/appstatehourly1.0https://facebook.github.io/react-native/docs/0.36/pickerhourly1.0https://facebook.github.io/react-native/docs/0.36/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.36/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.36/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.36/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/linkinghourly1.0https://facebook.github.io/react-native/docs/0.36/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.36/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.36/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.36/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.36/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.36/sliderhourly1.0https://facebook.github.io/react-native/docs/0.36/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.36/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.36/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.36/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.36/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.36/sharehourly1.0https://facebook.github.io/react-native/docs/0.36/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.36/alerthourly1.0https://facebook.github.io/react-native/docs/0.36/alertioshourly1.0https://facebook.github.io/react-native/docs/0.36/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.36/buttonhourly1.0https://facebook.github.io/react-native/docs/0.36/systracehourly1.0https://facebook.github.io/react-native/docs/0.36/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.36/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.36/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.36/listviewhourly1.0https://facebook.github.io/react-native/docs/0.36/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.36/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.36/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.36/viewhourly1.0https://facebook.github.io/react-native/docs/0.36/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.36/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.36/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.36/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.36/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.36/animationshourly1.0https://facebook.github.io/react-native/docs/0.36/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.36/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.36/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.36/colorshourly1.0https://facebook.github.io/react-native/docs/0.36/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.36/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/debugginghourly1.0https://facebook.github.io/react-native/docs/0.36/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.36/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.36/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.36/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.36/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.36/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.36/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.36/imageshourly1.0https://facebook.github.io/react-native/docs/0.36/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.36/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.36/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.36/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.36/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.36/navigationhourly1.0https://facebook.github.io/react-native/docs/0.36/networkhourly1.0https://facebook.github.io/react-native/docs/0.36/performancehourly1.0https://facebook.github.io/react-native/docs/0.36/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.36/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.36/propshourly1.0https://facebook.github.io/react-native/docs/0.36/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.36/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.36/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/settingshourly1.0https://facebook.github.io/react-native/docs/0.36/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/statehourly1.0https://facebook.github.io/react-native/docs/0.36/stylehourly1.0https://facebook.github.io/react-native/docs/0.36/timershourly1.0https://facebook.github.io/react-native/docs/0.36/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.36/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.36/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.36/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.36/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.35/modalhourly1.0https://facebook.github.io/react-native/docs/0.35/texthourly1.0https://facebook.github.io/react-native/docs/0.35/textinputhourly1.0https://facebook.github.io/react-native/docs/0.35/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/imagehourly1.0https://facebook.github.io/react-native/docs/0.35/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.35/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.35/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.35/animatedhourly1.0https://facebook.github.io/react-native/docs/0.35/easinghourly1.0https://facebook.github.io/react-native/docs/0.35/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.35/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.35/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.35/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.35/transformshourly1.0https://facebook.github.io/react-native/docs/0.35/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.35/switchhourly1.0https://facebook.github.io/react-native/docs/0.35/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.35/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.35/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.35/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.35/webviewhourly1.0https://facebook.github.io/react-native/docs/0.35/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.35/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.35/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.35/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.35/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.35/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.35/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.35/netinfohourly1.0https://facebook.github.io/react-native/docs/0.35/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.35/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.35/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.35/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.35/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.35/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/appstatehourly1.0https://facebook.github.io/react-native/docs/0.35/pickerhourly1.0https://facebook.github.io/react-native/docs/0.35/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.35/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.35/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.35/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/linkinghourly1.0https://facebook.github.io/react-native/docs/0.35/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.35/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.35/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.35/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.35/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.35/sliderhourly1.0https://facebook.github.io/react-native/docs/0.35/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.35/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.35/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.35/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.35/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.35/sharehourly1.0https://facebook.github.io/react-native/docs/0.35/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.35/alerthourly1.0https://facebook.github.io/react-native/docs/0.35/alertioshourly1.0https://facebook.github.io/react-native/docs/0.35/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.35/buttonhourly1.0https://facebook.github.io/react-native/docs/0.35/systracehourly1.0https://facebook.github.io/react-native/docs/0.35/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.35/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.35/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.35/listviewhourly1.0https://facebook.github.io/react-native/docs/0.35/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.35/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.35/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.35/viewhourly1.0https://facebook.github.io/react-native/docs/0.35/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.35/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.35/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.35/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.35/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.35/animationshourly1.0https://facebook.github.io/react-native/docs/0.35/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.35/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.35/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.35/colorshourly1.0https://facebook.github.io/react-native/docs/0.35/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.35/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/debugginghourly1.0https://facebook.github.io/react-native/docs/0.35/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.35/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.35/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.35/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.35/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.35/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.35/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.35/imageshourly1.0https://facebook.github.io/react-native/docs/0.35/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.35/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.35/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.35/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.35/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.35/navigationhourly1.0https://facebook.github.io/react-native/docs/0.35/networkhourly1.0https://facebook.github.io/react-native/docs/0.35/performancehourly1.0https://facebook.github.io/react-native/docs/0.35/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.35/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.35/propshourly1.0https://facebook.github.io/react-native/docs/0.35/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.35/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.35/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/settingshourly1.0https://facebook.github.io/react-native/docs/0.35/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/statehourly1.0https://facebook.github.io/react-native/docs/0.35/stylehourly1.0https://facebook.github.io/react-native/docs/0.35/timershourly1.0https://facebook.github.io/react-native/docs/0.35/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.35/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.35/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.35/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.35/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.34/modalhourly1.0https://facebook.github.io/react-native/docs/0.34/texthourly1.0https://facebook.github.io/react-native/docs/0.34/textinputhourly1.0https://facebook.github.io/react-native/docs/0.34/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/imagehourly1.0https://facebook.github.io/react-native/docs/0.34/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.34/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.34/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.34/animatedhourly1.0https://facebook.github.io/react-native/docs/0.34/easinghourly1.0https://facebook.github.io/react-native/docs/0.34/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.34/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.34/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.34/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.34/transformshourly1.0https://facebook.github.io/react-native/docs/0.34/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.34/switchhourly1.0https://facebook.github.io/react-native/docs/0.34/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.34/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.34/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.34/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.34/webviewhourly1.0https://facebook.github.io/react-native/docs/0.34/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.34/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.34/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.34/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.34/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.34/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.34/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.34/netinfohourly1.0https://facebook.github.io/react-native/docs/0.34/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.34/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.34/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.34/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.34/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.34/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/appstatehourly1.0https://facebook.github.io/react-native/docs/0.34/pickerhourly1.0https://facebook.github.io/react-native/docs/0.34/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.34/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.34/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.34/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/linkinghourly1.0https://facebook.github.io/react-native/docs/0.34/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.34/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.34/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.34/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.34/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.34/sliderhourly1.0https://facebook.github.io/react-native/docs/0.34/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.34/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.34/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.34/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.34/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.34/sharehourly1.0https://facebook.github.io/react-native/docs/0.34/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.34/alerthourly1.0https://facebook.github.io/react-native/docs/0.34/alertioshourly1.0https://facebook.github.io/react-native/docs/0.34/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.34/buttonhourly1.0https://facebook.github.io/react-native/docs/0.34/systracehourly1.0https://facebook.github.io/react-native/docs/0.34/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.34/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.34/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.34/listviewhourly1.0https://facebook.github.io/react-native/docs/0.34/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.34/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.34/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.34/viewhourly1.0https://facebook.github.io/react-native/docs/0.34/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.34/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.34/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.34/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.34/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.34/animationshourly1.0https://facebook.github.io/react-native/docs/0.34/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.34/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.34/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.34/colorshourly1.0https://facebook.github.io/react-native/docs/0.34/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.34/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/debugginghourly1.0https://facebook.github.io/react-native/docs/0.34/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.34/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.34/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.34/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.34/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.34/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.34/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.34/imageshourly1.0https://facebook.github.io/react-native/docs/0.34/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.34/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.34/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.34/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.34/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.34/navigationhourly1.0https://facebook.github.io/react-native/docs/0.34/networkhourly1.0https://facebook.github.io/react-native/docs/0.34/performancehourly1.0https://facebook.github.io/react-native/docs/0.34/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.34/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.34/propshourly1.0https://facebook.github.io/react-native/docs/0.34/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.34/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.34/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/settingshourly1.0https://facebook.github.io/react-native/docs/0.34/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/statehourly1.0https://facebook.github.io/react-native/docs/0.34/stylehourly1.0https://facebook.github.io/react-native/docs/0.34/timershourly1.0https://facebook.github.io/react-native/docs/0.34/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.34/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.34/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.34/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.34/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.33/modalhourly1.0https://facebook.github.io/react-native/docs/0.33/texthourly1.0https://facebook.github.io/react-native/docs/0.33/textinputhourly1.0https://facebook.github.io/react-native/docs/0.33/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/imagehourly1.0https://facebook.github.io/react-native/docs/0.33/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.33/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.33/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.33/animatedhourly1.0https://facebook.github.io/react-native/docs/0.33/easinghourly1.0https://facebook.github.io/react-native/docs/0.33/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.33/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.33/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.33/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.33/transformshourly1.0https://facebook.github.io/react-native/docs/0.33/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.33/switchhourly1.0https://facebook.github.io/react-native/docs/0.33/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.33/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.33/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.33/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.33/webviewhourly1.0https://facebook.github.io/react-native/docs/0.33/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.33/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.33/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.33/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.33/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.33/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.33/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.33/netinfohourly1.0https://facebook.github.io/react-native/docs/0.33/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.33/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.33/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.33/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.33/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.33/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/appstatehourly1.0https://facebook.github.io/react-native/docs/0.33/pickerhourly1.0https://facebook.github.io/react-native/docs/0.33/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.33/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.33/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.33/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/linkinghourly1.0https://facebook.github.io/react-native/docs/0.33/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.33/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.33/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.33/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.33/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.33/sliderhourly1.0https://facebook.github.io/react-native/docs/0.33/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.33/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.33/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.33/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.33/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.33/sharehourly1.0https://facebook.github.io/react-native/docs/0.33/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.33/alerthourly1.0https://facebook.github.io/react-native/docs/0.33/alertioshourly1.0https://facebook.github.io/react-native/docs/0.33/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.33/buttonhourly1.0https://facebook.github.io/react-native/docs/0.33/systracehourly1.0https://facebook.github.io/react-native/docs/0.33/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.33/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.33/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.33/listviewhourly1.0https://facebook.github.io/react-native/docs/0.33/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.33/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.33/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.33/viewhourly1.0https://facebook.github.io/react-native/docs/0.33/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.33/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.33/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.33/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.33/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.33/animationshourly1.0https://facebook.github.io/react-native/docs/0.33/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.33/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.33/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.33/colorshourly1.0https://facebook.github.io/react-native/docs/0.33/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.33/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/debugginghourly1.0https://facebook.github.io/react-native/docs/0.33/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.33/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.33/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.33/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.33/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.33/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.33/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.33/imageshourly1.0https://facebook.github.io/react-native/docs/0.33/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.33/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.33/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.33/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.33/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.33/navigationhourly1.0https://facebook.github.io/react-native/docs/0.33/networkhourly1.0https://facebook.github.io/react-native/docs/0.33/performancehourly1.0https://facebook.github.io/react-native/docs/0.33/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.33/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.33/propshourly1.0https://facebook.github.io/react-native/docs/0.33/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.33/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.33/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/settingshourly1.0https://facebook.github.io/react-native/docs/0.33/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/statehourly1.0https://facebook.github.io/react-native/docs/0.33/stylehourly1.0https://facebook.github.io/react-native/docs/0.33/timershourly1.0https://facebook.github.io/react-native/docs/0.33/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.33/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.33/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.33/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.33/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.32/modalhourly1.0https://facebook.github.io/react-native/docs/0.32/texthourly1.0https://facebook.github.io/react-native/docs/0.32/textinputhourly1.0https://facebook.github.io/react-native/docs/0.32/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/imagehourly1.0https://facebook.github.io/react-native/docs/0.32/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.32/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.32/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.32/animatedhourly1.0https://facebook.github.io/react-native/docs/0.32/easinghourly1.0https://facebook.github.io/react-native/docs/0.32/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.32/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.32/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.32/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.32/transformshourly1.0https://facebook.github.io/react-native/docs/0.32/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.32/switchhourly1.0https://facebook.github.io/react-native/docs/0.32/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.32/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.32/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.32/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.32/webviewhourly1.0https://facebook.github.io/react-native/docs/0.32/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.32/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.32/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.32/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.32/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.32/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.32/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.32/netinfohourly1.0https://facebook.github.io/react-native/docs/0.32/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.32/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.32/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.32/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.32/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.32/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/appstatehourly1.0https://facebook.github.io/react-native/docs/0.32/pickerhourly1.0https://facebook.github.io/react-native/docs/0.32/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.32/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.32/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.32/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/linkinghourly1.0https://facebook.github.io/react-native/docs/0.32/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.32/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.32/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.32/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.32/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.32/sliderhourly1.0https://facebook.github.io/react-native/docs/0.32/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.32/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.32/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.32/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.32/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.32/sharehourly1.0https://facebook.github.io/react-native/docs/0.32/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.32/alerthourly1.0https://facebook.github.io/react-native/docs/0.32/alertioshourly1.0https://facebook.github.io/react-native/docs/0.32/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.32/buttonhourly1.0https://facebook.github.io/react-native/docs/0.32/systracehourly1.0https://facebook.github.io/react-native/docs/0.32/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.32/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.32/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.32/listviewhourly1.0https://facebook.github.io/react-native/docs/0.32/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.32/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.32/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.32/viewhourly1.0https://facebook.github.io/react-native/docs/0.32/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.32/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.32/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.32/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.32/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.32/animationshourly1.0https://facebook.github.io/react-native/docs/0.32/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.32/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.32/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.32/colorshourly1.0https://facebook.github.io/react-native/docs/0.32/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.32/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/debugginghourly1.0https://facebook.github.io/react-native/docs/0.32/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.32/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.32/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.32/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.32/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.32/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.32/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.32/imageshourly1.0https://facebook.github.io/react-native/docs/0.32/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.32/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.32/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.32/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.32/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.32/navigationhourly1.0https://facebook.github.io/react-native/docs/0.32/networkhourly1.0https://facebook.github.io/react-native/docs/0.32/performancehourly1.0https://facebook.github.io/react-native/docs/0.32/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.32/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.32/propshourly1.0https://facebook.github.io/react-native/docs/0.32/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.32/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.32/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/settingshourly1.0https://facebook.github.io/react-native/docs/0.32/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/statehourly1.0https://facebook.github.io/react-native/docs/0.32/stylehourly1.0https://facebook.github.io/react-native/docs/0.32/timershourly1.0https://facebook.github.io/react-native/docs/0.32/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.32/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.32/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.32/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.32/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.31/modalhourly1.0https://facebook.github.io/react-native/docs/0.31/texthourly1.0https://facebook.github.io/react-native/docs/0.31/textinputhourly1.0https://facebook.github.io/react-native/docs/0.31/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/imagehourly1.0https://facebook.github.io/react-native/docs/0.31/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.31/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.31/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.31/animatedhourly1.0https://facebook.github.io/react-native/docs/0.31/easinghourly1.0https://facebook.github.io/react-native/docs/0.31/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.31/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.31/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.31/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.31/transformshourly1.0https://facebook.github.io/react-native/docs/0.31/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.31/switchhourly1.0https://facebook.github.io/react-native/docs/0.31/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.31/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.31/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.31/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.31/webviewhourly1.0https://facebook.github.io/react-native/docs/0.31/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.31/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.31/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.31/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.31/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.31/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.31/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.31/netinfohourly1.0https://facebook.github.io/react-native/docs/0.31/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.31/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.31/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.31/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.31/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.31/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/appstatehourly1.0https://facebook.github.io/react-native/docs/0.31/pickerhourly1.0https://facebook.github.io/react-native/docs/0.31/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.31/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.31/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.31/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/linkinghourly1.0https://facebook.github.io/react-native/docs/0.31/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.31/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.31/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.31/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.31/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.31/sliderhourly1.0https://facebook.github.io/react-native/docs/0.31/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.31/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.31/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.31/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.31/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.31/sharehourly1.0https://facebook.github.io/react-native/docs/0.31/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.31/alerthourly1.0https://facebook.github.io/react-native/docs/0.31/alertioshourly1.0https://facebook.github.io/react-native/docs/0.31/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.31/buttonhourly1.0https://facebook.github.io/react-native/docs/0.31/systracehourly1.0https://facebook.github.io/react-native/docs/0.31/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.31/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.31/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.31/listviewhourly1.0https://facebook.github.io/react-native/docs/0.31/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.31/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.31/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.31/viewhourly1.0https://facebook.github.io/react-native/docs/0.31/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.31/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.31/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.31/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.31/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.31/animationshourly1.0https://facebook.github.io/react-native/docs/0.31/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.31/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.31/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.31/colorshourly1.0https://facebook.github.io/react-native/docs/0.31/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.31/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/debugginghourly1.0https://facebook.github.io/react-native/docs/0.31/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.31/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.31/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.31/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.31/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.31/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.31/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.31/imageshourly1.0https://facebook.github.io/react-native/docs/0.31/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.31/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.31/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.31/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.31/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.31/navigationhourly1.0https://facebook.github.io/react-native/docs/0.31/networkhourly1.0https://facebook.github.io/react-native/docs/0.31/performancehourly1.0https://facebook.github.io/react-native/docs/0.31/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.31/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.31/propshourly1.0https://facebook.github.io/react-native/docs/0.31/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.31/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.31/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/settingshourly1.0https://facebook.github.io/react-native/docs/0.31/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/statehourly1.0https://facebook.github.io/react-native/docs/0.31/stylehourly1.0https://facebook.github.io/react-native/docs/0.31/timershourly1.0https://facebook.github.io/react-native/docs/0.31/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.31/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.31/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.31/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.31/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.30/modalhourly1.0https://facebook.github.io/react-native/docs/0.30/texthourly1.0https://facebook.github.io/react-native/docs/0.30/textinputhourly1.0https://facebook.github.io/react-native/docs/0.30/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/imagehourly1.0https://facebook.github.io/react-native/docs/0.30/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.30/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.30/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.30/animatedhourly1.0https://facebook.github.io/react-native/docs/0.30/easinghourly1.0https://facebook.github.io/react-native/docs/0.30/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.30/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.30/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.30/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.30/transformshourly1.0https://facebook.github.io/react-native/docs/0.30/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.30/switchhourly1.0https://facebook.github.io/react-native/docs/0.30/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.30/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.30/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.30/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.30/webviewhourly1.0https://facebook.github.io/react-native/docs/0.30/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.30/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.30/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.30/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.30/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.30/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.30/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.30/netinfohourly1.0https://facebook.github.io/react-native/docs/0.30/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.30/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.30/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.30/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.30/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.30/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/appstatehourly1.0https://facebook.github.io/react-native/docs/0.30/pickerhourly1.0https://facebook.github.io/react-native/docs/0.30/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.30/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.30/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.30/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/linkinghourly1.0https://facebook.github.io/react-native/docs/0.30/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.30/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.30/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.30/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.30/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.30/sliderhourly1.0https://facebook.github.io/react-native/docs/0.30/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.30/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.30/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.30/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.30/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.30/sharehourly1.0https://facebook.github.io/react-native/docs/0.30/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.30/alerthourly1.0https://facebook.github.io/react-native/docs/0.30/alertioshourly1.0https://facebook.github.io/react-native/docs/0.30/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.30/buttonhourly1.0https://facebook.github.io/react-native/docs/0.30/systracehourly1.0https://facebook.github.io/react-native/docs/0.30/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.30/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.30/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.30/listviewhourly1.0https://facebook.github.io/react-native/docs/0.30/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.30/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.30/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.30/viewhourly1.0https://facebook.github.io/react-native/docs/0.30/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.30/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.30/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.30/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.30/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.30/animationshourly1.0https://facebook.github.io/react-native/docs/0.30/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.30/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.30/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.30/colorshourly1.0https://facebook.github.io/react-native/docs/0.30/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.30/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/debugginghourly1.0https://facebook.github.io/react-native/docs/0.30/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.30/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.30/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.30/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.30/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.30/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.30/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.30/imageshourly1.0https://facebook.github.io/react-native/docs/0.30/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.30/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.30/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.30/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.30/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.30/navigationhourly1.0https://facebook.github.io/react-native/docs/0.30/networkhourly1.0https://facebook.github.io/react-native/docs/0.30/performancehourly1.0https://facebook.github.io/react-native/docs/0.30/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.30/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.30/propshourly1.0https://facebook.github.io/react-native/docs/0.30/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.30/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.30/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/settingshourly1.0https://facebook.github.io/react-native/docs/0.30/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/statehourly1.0https://facebook.github.io/react-native/docs/0.30/stylehourly1.0https://facebook.github.io/react-native/docs/0.30/timershourly1.0https://facebook.github.io/react-native/docs/0.30/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.30/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.30/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.30/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.30/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.29/modalhourly1.0https://facebook.github.io/react-native/docs/0.29/texthourly1.0https://facebook.github.io/react-native/docs/0.29/textinputhourly1.0https://facebook.github.io/react-native/docs/0.29/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/imagehourly1.0https://facebook.github.io/react-native/docs/0.29/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.29/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.29/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.29/animatedhourly1.0https://facebook.github.io/react-native/docs/0.29/easinghourly1.0https://facebook.github.io/react-native/docs/0.29/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.29/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.29/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.29/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.29/transformshourly1.0https://facebook.github.io/react-native/docs/0.29/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.29/switchhourly1.0https://facebook.github.io/react-native/docs/0.29/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.29/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.29/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.29/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.29/webviewhourly1.0https://facebook.github.io/react-native/docs/0.29/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.29/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.29/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.29/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.29/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.29/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.29/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.29/netinfohourly1.0https://facebook.github.io/react-native/docs/0.29/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.29/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.29/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.29/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.29/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.29/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/appstatehourly1.0https://facebook.github.io/react-native/docs/0.29/pickerhourly1.0https://facebook.github.io/react-native/docs/0.29/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.29/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.29/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.29/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/linkinghourly1.0https://facebook.github.io/react-native/docs/0.29/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.29/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.29/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.29/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.29/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.29/sliderhourly1.0https://facebook.github.io/react-native/docs/0.29/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.29/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.29/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.29/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.29/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.29/sharehourly1.0https://facebook.github.io/react-native/docs/0.29/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.29/alerthourly1.0https://facebook.github.io/react-native/docs/0.29/alertioshourly1.0https://facebook.github.io/react-native/docs/0.29/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.29/buttonhourly1.0https://facebook.github.io/react-native/docs/0.29/systracehourly1.0https://facebook.github.io/react-native/docs/0.29/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.29/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.29/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.29/listviewhourly1.0https://facebook.github.io/react-native/docs/0.29/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.29/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.29/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.29/viewhourly1.0https://facebook.github.io/react-native/docs/0.29/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.29/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.29/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.29/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.29/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.29/animationshourly1.0https://facebook.github.io/react-native/docs/0.29/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.29/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.29/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.29/colorshourly1.0https://facebook.github.io/react-native/docs/0.29/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.29/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/debugginghourly1.0https://facebook.github.io/react-native/docs/0.29/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.29/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.29/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.29/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.29/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.29/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.29/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.29/imageshourly1.0https://facebook.github.io/react-native/docs/0.29/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.29/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.29/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.29/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.29/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.29/navigationhourly1.0https://facebook.github.io/react-native/docs/0.29/networkhourly1.0https://facebook.github.io/react-native/docs/0.29/performancehourly1.0https://facebook.github.io/react-native/docs/0.29/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.29/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.29/propshourly1.0https://facebook.github.io/react-native/docs/0.29/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.29/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.29/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/settingshourly1.0https://facebook.github.io/react-native/docs/0.29/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/statehourly1.0https://facebook.github.io/react-native/docs/0.29/stylehourly1.0https://facebook.github.io/react-native/docs/0.29/timershourly1.0https://facebook.github.io/react-native/docs/0.29/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.29/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.29/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.29/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.29/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.28/modalhourly1.0https://facebook.github.io/react-native/docs/0.28/texthourly1.0https://facebook.github.io/react-native/docs/0.28/textinputhourly1.0https://facebook.github.io/react-native/docs/0.28/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/imagehourly1.0https://facebook.github.io/react-native/docs/0.28/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.28/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.28/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.28/animatedhourly1.0https://facebook.github.io/react-native/docs/0.28/easinghourly1.0https://facebook.github.io/react-native/docs/0.28/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.28/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.28/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.28/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.28/transformshourly1.0https://facebook.github.io/react-native/docs/0.28/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.28/switchhourly1.0https://facebook.github.io/react-native/docs/0.28/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.28/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.28/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.28/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.28/webviewhourly1.0https://facebook.github.io/react-native/docs/0.28/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.28/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.28/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.28/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.28/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.28/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.28/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.28/netinfohourly1.0https://facebook.github.io/react-native/docs/0.28/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.28/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.28/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.28/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.28/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.28/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/appstatehourly1.0https://facebook.github.io/react-native/docs/0.28/pickerhourly1.0https://facebook.github.io/react-native/docs/0.28/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.28/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.28/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.28/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/linkinghourly1.0https://facebook.github.io/react-native/docs/0.28/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.28/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.28/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.28/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.28/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.28/sliderhourly1.0https://facebook.github.io/react-native/docs/0.28/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.28/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.28/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.28/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.28/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.28/sharehourly1.0https://facebook.github.io/react-native/docs/0.28/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.28/alerthourly1.0https://facebook.github.io/react-native/docs/0.28/alertioshourly1.0https://facebook.github.io/react-native/docs/0.28/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.28/buttonhourly1.0https://facebook.github.io/react-native/docs/0.28/systracehourly1.0https://facebook.github.io/react-native/docs/0.28/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.28/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.28/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.28/listviewhourly1.0https://facebook.github.io/react-native/docs/0.28/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.28/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.28/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.28/viewhourly1.0https://facebook.github.io/react-native/docs/0.28/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.28/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.28/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.28/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.28/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.28/animationshourly1.0https://facebook.github.io/react-native/docs/0.28/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.28/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.28/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.28/colorshourly1.0https://facebook.github.io/react-native/docs/0.28/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.28/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/debugginghourly1.0https://facebook.github.io/react-native/docs/0.28/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.28/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.28/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.28/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.28/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.28/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.28/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.28/imageshourly1.0https://facebook.github.io/react-native/docs/0.28/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.28/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.28/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.28/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.28/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.28/navigationhourly1.0https://facebook.github.io/react-native/docs/0.28/networkhourly1.0https://facebook.github.io/react-native/docs/0.28/performancehourly1.0https://facebook.github.io/react-native/docs/0.28/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.28/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.28/propshourly1.0https://facebook.github.io/react-native/docs/0.28/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.28/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.28/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/settingshourly1.0https://facebook.github.io/react-native/docs/0.28/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/statehourly1.0https://facebook.github.io/react-native/docs/0.28/stylehourly1.0https://facebook.github.io/react-native/docs/0.28/timershourly1.0https://facebook.github.io/react-native/docs/0.28/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.28/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.28/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.28/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.28/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.27/modalhourly1.0https://facebook.github.io/react-native/docs/0.27/texthourly1.0https://facebook.github.io/react-native/docs/0.27/textinputhourly1.0https://facebook.github.io/react-native/docs/0.27/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/imagehourly1.0https://facebook.github.io/react-native/docs/0.27/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.27/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.27/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.27/animatedhourly1.0https://facebook.github.io/react-native/docs/0.27/easinghourly1.0https://facebook.github.io/react-native/docs/0.27/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.27/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.27/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.27/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.27/transformshourly1.0https://facebook.github.io/react-native/docs/0.27/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.27/switchhourly1.0https://facebook.github.io/react-native/docs/0.27/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.27/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.27/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.27/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.27/webviewhourly1.0https://facebook.github.io/react-native/docs/0.27/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.27/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.27/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.27/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.27/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.27/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.27/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.27/netinfohourly1.0https://facebook.github.io/react-native/docs/0.27/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.27/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.27/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.27/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.27/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.27/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/appstatehourly1.0https://facebook.github.io/react-native/docs/0.27/pickerhourly1.0https://facebook.github.io/react-native/docs/0.27/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.27/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.27/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.27/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/linkinghourly1.0https://facebook.github.io/react-native/docs/0.27/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.27/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.27/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.27/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.27/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.27/sliderhourly1.0https://facebook.github.io/react-native/docs/0.27/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.27/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.27/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.27/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.27/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.27/sharehourly1.0https://facebook.github.io/react-native/docs/0.27/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.27/alerthourly1.0https://facebook.github.io/react-native/docs/0.27/alertioshourly1.0https://facebook.github.io/react-native/docs/0.27/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.27/buttonhourly1.0https://facebook.github.io/react-native/docs/0.27/systracehourly1.0https://facebook.github.io/react-native/docs/0.27/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.27/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.27/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.27/listviewhourly1.0https://facebook.github.io/react-native/docs/0.27/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.27/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.27/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.27/viewhourly1.0https://facebook.github.io/react-native/docs/0.27/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.27/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.27/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.27/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.27/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.27/animationshourly1.0https://facebook.github.io/react-native/docs/0.27/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.27/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.27/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.27/colorshourly1.0https://facebook.github.io/react-native/docs/0.27/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.27/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/debugginghourly1.0https://facebook.github.io/react-native/docs/0.27/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.27/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.27/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.27/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.27/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.27/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.27/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.27/imageshourly1.0https://facebook.github.io/react-native/docs/0.27/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.27/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.27/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.27/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.27/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.27/navigationhourly1.0https://facebook.github.io/react-native/docs/0.27/networkhourly1.0https://facebook.github.io/react-native/docs/0.27/performancehourly1.0https://facebook.github.io/react-native/docs/0.27/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.27/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.27/propshourly1.0https://facebook.github.io/react-native/docs/0.27/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.27/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.27/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/settingshourly1.0https://facebook.github.io/react-native/docs/0.27/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/statehourly1.0https://facebook.github.io/react-native/docs/0.27/stylehourly1.0https://facebook.github.io/react-native/docs/0.27/timershourly1.0https://facebook.github.io/react-native/docs/0.27/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.27/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.27/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.27/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.27/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.26/modalhourly1.0https://facebook.github.io/react-native/docs/0.26/texthourly1.0https://facebook.github.io/react-native/docs/0.26/textinputhourly1.0https://facebook.github.io/react-native/docs/0.26/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/imagehourly1.0https://facebook.github.io/react-native/docs/0.26/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.26/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.26/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.26/animatedhourly1.0https://facebook.github.io/react-native/docs/0.26/easinghourly1.0https://facebook.github.io/react-native/docs/0.26/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.26/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.26/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.26/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.26/transformshourly1.0https://facebook.github.io/react-native/docs/0.26/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.26/switchhourly1.0https://facebook.github.io/react-native/docs/0.26/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.26/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.26/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.26/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.26/webviewhourly1.0https://facebook.github.io/react-native/docs/0.26/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.26/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.26/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.26/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.26/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.26/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.26/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.26/netinfohourly1.0https://facebook.github.io/react-native/docs/0.26/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.26/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.26/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.26/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.26/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.26/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/appstatehourly1.0https://facebook.github.io/react-native/docs/0.26/pickerhourly1.0https://facebook.github.io/react-native/docs/0.26/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.26/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.26/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.26/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/linkinghourly1.0https://facebook.github.io/react-native/docs/0.26/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.26/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.26/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.26/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.26/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.26/sliderhourly1.0https://facebook.github.io/react-native/docs/0.26/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.26/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.26/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.26/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.26/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.26/sharehourly1.0https://facebook.github.io/react-native/docs/0.26/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.26/alerthourly1.0https://facebook.github.io/react-native/docs/0.26/alertioshourly1.0https://facebook.github.io/react-native/docs/0.26/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.26/buttonhourly1.0https://facebook.github.io/react-native/docs/0.26/systracehourly1.0https://facebook.github.io/react-native/docs/0.26/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.26/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.26/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.26/listviewhourly1.0https://facebook.github.io/react-native/docs/0.26/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.26/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.26/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.26/viewhourly1.0https://facebook.github.io/react-native/docs/0.26/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.26/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.26/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.26/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.26/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.26/animationshourly1.0https://facebook.github.io/react-native/docs/0.26/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.26/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.26/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.26/colorshourly1.0https://facebook.github.io/react-native/docs/0.26/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.26/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/debugginghourly1.0https://facebook.github.io/react-native/docs/0.26/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.26/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.26/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.26/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.26/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.26/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.26/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.26/imageshourly1.0https://facebook.github.io/react-native/docs/0.26/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.26/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.26/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.26/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.26/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.26/navigationhourly1.0https://facebook.github.io/react-native/docs/0.26/networkhourly1.0https://facebook.github.io/react-native/docs/0.26/performancehourly1.0https://facebook.github.io/react-native/docs/0.26/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.26/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.26/propshourly1.0https://facebook.github.io/react-native/docs/0.26/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.26/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.26/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/settingshourly1.0https://facebook.github.io/react-native/docs/0.26/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/statehourly1.0https://facebook.github.io/react-native/docs/0.26/stylehourly1.0https://facebook.github.io/react-native/docs/0.26/timershourly1.0https://facebook.github.io/react-native/docs/0.26/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.26/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.26/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.26/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.26/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.25/modalhourly1.0https://facebook.github.io/react-native/docs/0.25/texthourly1.0https://facebook.github.io/react-native/docs/0.25/textinputhourly1.0https://facebook.github.io/react-native/docs/0.25/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/imagehourly1.0https://facebook.github.io/react-native/docs/0.25/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.25/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.25/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.25/animatedhourly1.0https://facebook.github.io/react-native/docs/0.25/easinghourly1.0https://facebook.github.io/react-native/docs/0.25/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.25/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.25/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.25/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.25/transformshourly1.0https://facebook.github.io/react-native/docs/0.25/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.25/switchhourly1.0https://facebook.github.io/react-native/docs/0.25/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.25/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.25/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.25/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.25/webviewhourly1.0https://facebook.github.io/react-native/docs/0.25/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.25/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.25/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.25/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.25/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.25/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.25/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.25/netinfohourly1.0https://facebook.github.io/react-native/docs/0.25/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.25/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.25/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.25/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.25/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.25/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/appstatehourly1.0https://facebook.github.io/react-native/docs/0.25/pickerhourly1.0https://facebook.github.io/react-native/docs/0.25/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.25/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.25/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.25/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/linkinghourly1.0https://facebook.github.io/react-native/docs/0.25/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.25/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.25/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.25/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.25/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.25/sliderhourly1.0https://facebook.github.io/react-native/docs/0.25/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.25/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.25/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.25/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.25/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.25/sharehourly1.0https://facebook.github.io/react-native/docs/0.25/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.25/alerthourly1.0https://facebook.github.io/react-native/docs/0.25/alertioshourly1.0https://facebook.github.io/react-native/docs/0.25/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.25/buttonhourly1.0https://facebook.github.io/react-native/docs/0.25/systracehourly1.0https://facebook.github.io/react-native/docs/0.25/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.25/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.25/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.25/listviewhourly1.0https://facebook.github.io/react-native/docs/0.25/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.25/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.25/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.25/viewhourly1.0https://facebook.github.io/react-native/docs/0.25/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.25/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.25/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.25/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.25/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.25/animationshourly1.0https://facebook.github.io/react-native/docs/0.25/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.25/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.25/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.25/colorshourly1.0https://facebook.github.io/react-native/docs/0.25/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.25/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/debugginghourly1.0https://facebook.github.io/react-native/docs/0.25/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.25/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.25/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.25/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.25/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.25/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.25/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.25/imageshourly1.0https://facebook.github.io/react-native/docs/0.25/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.25/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.25/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.25/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.25/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.25/navigationhourly1.0https://facebook.github.io/react-native/docs/0.25/networkhourly1.0https://facebook.github.io/react-native/docs/0.25/performancehourly1.0https://facebook.github.io/react-native/docs/0.25/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.25/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.25/propshourly1.0https://facebook.github.io/react-native/docs/0.25/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.25/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.25/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/settingshourly1.0https://facebook.github.io/react-native/docs/0.25/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/statehourly1.0https://facebook.github.io/react-native/docs/0.25/stylehourly1.0https://facebook.github.io/react-native/docs/0.25/timershourly1.0https://facebook.github.io/react-native/docs/0.25/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.25/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.25/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.25/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.25/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.24/modalhourly1.0https://facebook.github.io/react-native/docs/0.24/texthourly1.0https://facebook.github.io/react-native/docs/0.24/textinputhourly1.0https://facebook.github.io/react-native/docs/0.24/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/imagehourly1.0https://facebook.github.io/react-native/docs/0.24/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.24/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.24/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.24/animatedhourly1.0https://facebook.github.io/react-native/docs/0.24/easinghourly1.0https://facebook.github.io/react-native/docs/0.24/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.24/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.24/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.24/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.24/transformshourly1.0https://facebook.github.io/react-native/docs/0.24/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.24/switchhourly1.0https://facebook.github.io/react-native/docs/0.24/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.24/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.24/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.24/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.24/webviewhourly1.0https://facebook.github.io/react-native/docs/0.24/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.24/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.24/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.24/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.24/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.24/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.24/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.24/netinfohourly1.0https://facebook.github.io/react-native/docs/0.24/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.24/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.24/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.24/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.24/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.24/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/appstatehourly1.0https://facebook.github.io/react-native/docs/0.24/pickerhourly1.0https://facebook.github.io/react-native/docs/0.24/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.24/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.24/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.24/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/linkinghourly1.0https://facebook.github.io/react-native/docs/0.24/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.24/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.24/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.24/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.24/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.24/sliderhourly1.0https://facebook.github.io/react-native/docs/0.24/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.24/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.24/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.24/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.24/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.24/sharehourly1.0https://facebook.github.io/react-native/docs/0.24/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.24/alerthourly1.0https://facebook.github.io/react-native/docs/0.24/alertioshourly1.0https://facebook.github.io/react-native/docs/0.24/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.24/buttonhourly1.0https://facebook.github.io/react-native/docs/0.24/systracehourly1.0https://facebook.github.io/react-native/docs/0.24/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.24/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.24/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.24/listviewhourly1.0https://facebook.github.io/react-native/docs/0.24/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.24/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.24/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.24/viewhourly1.0https://facebook.github.io/react-native/docs/0.24/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.24/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.24/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.24/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.24/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.24/animationshourly1.0https://facebook.github.io/react-native/docs/0.24/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.24/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.24/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.24/colorshourly1.0https://facebook.github.io/react-native/docs/0.24/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.24/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/debugginghourly1.0https://facebook.github.io/react-native/docs/0.24/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.24/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.24/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.24/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.24/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.24/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.24/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.24/imageshourly1.0https://facebook.github.io/react-native/docs/0.24/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.24/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.24/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.24/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.24/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.24/navigationhourly1.0https://facebook.github.io/react-native/docs/0.24/networkhourly1.0https://facebook.github.io/react-native/docs/0.24/performancehourly1.0https://facebook.github.io/react-native/docs/0.24/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.24/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.24/propshourly1.0https://facebook.github.io/react-native/docs/0.24/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.24/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.24/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/settingshourly1.0https://facebook.github.io/react-native/docs/0.24/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/statehourly1.0https://facebook.github.io/react-native/docs/0.24/stylehourly1.0https://facebook.github.io/react-native/docs/0.24/timershourly1.0https://facebook.github.io/react-native/docs/0.24/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.24/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.24/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.24/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.24/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.23/modalhourly1.0https://facebook.github.io/react-native/docs/0.23/texthourly1.0https://facebook.github.io/react-native/docs/0.23/textinputhourly1.0https://facebook.github.io/react-native/docs/0.23/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/imagehourly1.0https://facebook.github.io/react-native/docs/0.23/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.23/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.23/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.23/animatedhourly1.0https://facebook.github.io/react-native/docs/0.23/easinghourly1.0https://facebook.github.io/react-native/docs/0.23/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.23/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.23/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.23/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.23/transformshourly1.0https://facebook.github.io/react-native/docs/0.23/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.23/switchhourly1.0https://facebook.github.io/react-native/docs/0.23/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.23/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.23/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.23/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.23/webviewhourly1.0https://facebook.github.io/react-native/docs/0.23/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.23/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.23/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.23/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.23/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.23/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.23/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.23/netinfohourly1.0https://facebook.github.io/react-native/docs/0.23/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.23/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.23/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.23/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.23/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.23/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/appstatehourly1.0https://facebook.github.io/react-native/docs/0.23/pickerhourly1.0https://facebook.github.io/react-native/docs/0.23/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.23/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.23/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.23/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/linkinghourly1.0https://facebook.github.io/react-native/docs/0.23/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.23/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.23/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.23/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.23/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.23/sliderhourly1.0https://facebook.github.io/react-native/docs/0.23/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.23/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.23/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.23/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.23/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.23/sharehourly1.0https://facebook.github.io/react-native/docs/0.23/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.23/alerthourly1.0https://facebook.github.io/react-native/docs/0.23/alertioshourly1.0https://facebook.github.io/react-native/docs/0.23/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.23/buttonhourly1.0https://facebook.github.io/react-native/docs/0.23/systracehourly1.0https://facebook.github.io/react-native/docs/0.23/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.23/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.23/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.23/listviewhourly1.0https://facebook.github.io/react-native/docs/0.23/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.23/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.23/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.23/viewhourly1.0https://facebook.github.io/react-native/docs/0.23/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.23/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.23/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.23/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.23/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.23/animationshourly1.0https://facebook.github.io/react-native/docs/0.23/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.23/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.23/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.23/colorshourly1.0https://facebook.github.io/react-native/docs/0.23/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.23/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/debugginghourly1.0https://facebook.github.io/react-native/docs/0.23/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.23/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.23/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.23/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.23/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.23/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.23/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.23/imageshourly1.0https://facebook.github.io/react-native/docs/0.23/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.23/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.23/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.23/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.23/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.23/navigationhourly1.0https://facebook.github.io/react-native/docs/0.23/networkhourly1.0https://facebook.github.io/react-native/docs/0.23/performancehourly1.0https://facebook.github.io/react-native/docs/0.23/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.23/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.23/propshourly1.0https://facebook.github.io/react-native/docs/0.23/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.23/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.23/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/settingshourly1.0https://facebook.github.io/react-native/docs/0.23/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/statehourly1.0https://facebook.github.io/react-native/docs/0.23/stylehourly1.0https://facebook.github.io/react-native/docs/0.23/timershourly1.0https://facebook.github.io/react-native/docs/0.23/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.23/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.23/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.23/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.23/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.22/modalhourly1.0https://facebook.github.io/react-native/docs/0.22/texthourly1.0https://facebook.github.io/react-native/docs/0.22/textinputhourly1.0https://facebook.github.io/react-native/docs/0.22/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/imagehourly1.0https://facebook.github.io/react-native/docs/0.22/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.22/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.22/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.22/animatedhourly1.0https://facebook.github.io/react-native/docs/0.22/easinghourly1.0https://facebook.github.io/react-native/docs/0.22/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.22/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.22/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.22/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.22/transformshourly1.0https://facebook.github.io/react-native/docs/0.22/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.22/switchhourly1.0https://facebook.github.io/react-native/docs/0.22/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.22/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.22/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.22/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.22/webviewhourly1.0https://facebook.github.io/react-native/docs/0.22/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.22/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.22/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.22/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.22/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.22/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.22/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.22/netinfohourly1.0https://facebook.github.io/react-native/docs/0.22/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.22/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.22/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.22/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.22/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.22/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/appstatehourly1.0https://facebook.github.io/react-native/docs/0.22/pickerhourly1.0https://facebook.github.io/react-native/docs/0.22/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.22/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.22/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.22/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/linkinghourly1.0https://facebook.github.io/react-native/docs/0.22/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.22/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.22/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.22/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.22/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.22/sliderhourly1.0https://facebook.github.io/react-native/docs/0.22/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.22/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.22/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.22/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.22/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.22/sharehourly1.0https://facebook.github.io/react-native/docs/0.22/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.22/alerthourly1.0https://facebook.github.io/react-native/docs/0.22/alertioshourly1.0https://facebook.github.io/react-native/docs/0.22/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.22/buttonhourly1.0https://facebook.github.io/react-native/docs/0.22/systracehourly1.0https://facebook.github.io/react-native/docs/0.22/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.22/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.22/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.22/listviewhourly1.0https://facebook.github.io/react-native/docs/0.22/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.22/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.22/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.22/viewhourly1.0https://facebook.github.io/react-native/docs/0.22/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.22/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.22/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.22/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.22/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.22/animationshourly1.0https://facebook.github.io/react-native/docs/0.22/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.22/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.22/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.22/colorshourly1.0https://facebook.github.io/react-native/docs/0.22/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.22/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/debugginghourly1.0https://facebook.github.io/react-native/docs/0.22/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.22/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.22/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.22/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.22/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.22/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.22/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.22/imageshourly1.0https://facebook.github.io/react-native/docs/0.22/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.22/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.22/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.22/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.22/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.22/navigationhourly1.0https://facebook.github.io/react-native/docs/0.22/networkhourly1.0https://facebook.github.io/react-native/docs/0.22/performancehourly1.0https://facebook.github.io/react-native/docs/0.22/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.22/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.22/propshourly1.0https://facebook.github.io/react-native/docs/0.22/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.22/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.22/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/settingshourly1.0https://facebook.github.io/react-native/docs/0.22/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/statehourly1.0https://facebook.github.io/react-native/docs/0.22/stylehourly1.0https://facebook.github.io/react-native/docs/0.22/timershourly1.0https://facebook.github.io/react-native/docs/0.22/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.22/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.22/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.22/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.22/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.21/modalhourly1.0https://facebook.github.io/react-native/docs/0.21/texthourly1.0https://facebook.github.io/react-native/docs/0.21/textinputhourly1.0https://facebook.github.io/react-native/docs/0.21/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/imagehourly1.0https://facebook.github.io/react-native/docs/0.21/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.21/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.21/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.21/animatedhourly1.0https://facebook.github.io/react-native/docs/0.21/easinghourly1.0https://facebook.github.io/react-native/docs/0.21/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.21/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.21/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.21/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.21/transformshourly1.0https://facebook.github.io/react-native/docs/0.21/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.21/switchhourly1.0https://facebook.github.io/react-native/docs/0.21/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.21/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.21/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.21/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.21/webviewhourly1.0https://facebook.github.io/react-native/docs/0.21/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.21/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.21/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.21/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.21/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.21/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.21/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.21/netinfohourly1.0https://facebook.github.io/react-native/docs/0.21/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.21/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.21/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.21/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.21/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.21/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/appstatehourly1.0https://facebook.github.io/react-native/docs/0.21/pickerhourly1.0https://facebook.github.io/react-native/docs/0.21/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.21/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.21/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.21/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/linkinghourly1.0https://facebook.github.io/react-native/docs/0.21/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.21/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.21/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.21/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.21/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.21/sliderhourly1.0https://facebook.github.io/react-native/docs/0.21/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.21/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.21/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.21/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.21/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.21/sharehourly1.0https://facebook.github.io/react-native/docs/0.21/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.21/alerthourly1.0https://facebook.github.io/react-native/docs/0.21/alertioshourly1.0https://facebook.github.io/react-native/docs/0.21/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.21/buttonhourly1.0https://facebook.github.io/react-native/docs/0.21/systracehourly1.0https://facebook.github.io/react-native/docs/0.21/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.21/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.21/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.21/listviewhourly1.0https://facebook.github.io/react-native/docs/0.21/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.21/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.21/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.21/viewhourly1.0https://facebook.github.io/react-native/docs/0.21/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.21/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.21/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.21/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.21/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.21/animationshourly1.0https://facebook.github.io/react-native/docs/0.21/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.21/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.21/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.21/colorshourly1.0https://facebook.github.io/react-native/docs/0.21/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.21/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/debugginghourly1.0https://facebook.github.io/react-native/docs/0.21/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.21/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.21/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.21/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.21/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.21/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.21/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.21/imageshourly1.0https://facebook.github.io/react-native/docs/0.21/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.21/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.21/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.21/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.21/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.21/navigationhourly1.0https://facebook.github.io/react-native/docs/0.21/networkhourly1.0https://facebook.github.io/react-native/docs/0.21/performancehourly1.0https://facebook.github.io/react-native/docs/0.21/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.21/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.21/propshourly1.0https://facebook.github.io/react-native/docs/0.21/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.21/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.21/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/settingshourly1.0https://facebook.github.io/react-native/docs/0.21/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/statehourly1.0https://facebook.github.io/react-native/docs/0.21/stylehourly1.0https://facebook.github.io/react-native/docs/0.21/timershourly1.0https://facebook.github.io/react-native/docs/0.21/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.21/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.21/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.21/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.21/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.20/modalhourly1.0https://facebook.github.io/react-native/docs/0.20/texthourly1.0https://facebook.github.io/react-native/docs/0.20/textinputhourly1.0https://facebook.github.io/react-native/docs/0.20/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/imagehourly1.0https://facebook.github.io/react-native/docs/0.20/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.20/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.20/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.20/animatedhourly1.0https://facebook.github.io/react-native/docs/0.20/easinghourly1.0https://facebook.github.io/react-native/docs/0.20/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.20/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.20/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.20/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.20/transformshourly1.0https://facebook.github.io/react-native/docs/0.20/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.20/switchhourly1.0https://facebook.github.io/react-native/docs/0.20/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.20/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.20/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.20/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.20/webviewhourly1.0https://facebook.github.io/react-native/docs/0.20/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.20/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.20/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.20/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.20/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.20/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.20/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.20/netinfohourly1.0https://facebook.github.io/react-native/docs/0.20/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.20/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.20/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.20/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.20/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.20/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/appstatehourly1.0https://facebook.github.io/react-native/docs/0.20/pickerhourly1.0https://facebook.github.io/react-native/docs/0.20/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.20/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.20/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.20/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/linkinghourly1.0https://facebook.github.io/react-native/docs/0.20/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.20/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.20/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.20/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.20/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.20/sliderhourly1.0https://facebook.github.io/react-native/docs/0.20/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.20/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.20/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.20/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.20/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.20/sharehourly1.0https://facebook.github.io/react-native/docs/0.20/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.20/alerthourly1.0https://facebook.github.io/react-native/docs/0.20/alertioshourly1.0https://facebook.github.io/react-native/docs/0.20/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.20/buttonhourly1.0https://facebook.github.io/react-native/docs/0.20/systracehourly1.0https://facebook.github.io/react-native/docs/0.20/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.20/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.20/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.20/listviewhourly1.0https://facebook.github.io/react-native/docs/0.20/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.20/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.20/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.20/viewhourly1.0https://facebook.github.io/react-native/docs/0.20/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.20/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.20/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.20/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.20/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.20/animationshourly1.0https://facebook.github.io/react-native/docs/0.20/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.20/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.20/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.20/colorshourly1.0https://facebook.github.io/react-native/docs/0.20/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.20/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/debugginghourly1.0https://facebook.github.io/react-native/docs/0.20/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.20/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.20/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.20/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.20/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.20/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.20/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.20/imageshourly1.0https://facebook.github.io/react-native/docs/0.20/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.20/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.20/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.20/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.20/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.20/navigationhourly1.0https://facebook.github.io/react-native/docs/0.20/networkhourly1.0https://facebook.github.io/react-native/docs/0.20/performancehourly1.0https://facebook.github.io/react-native/docs/0.20/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.20/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.20/propshourly1.0https://facebook.github.io/react-native/docs/0.20/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.20/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.20/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/settingshourly1.0https://facebook.github.io/react-native/docs/0.20/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/statehourly1.0https://facebook.github.io/react-native/docs/0.20/stylehourly1.0https://facebook.github.io/react-native/docs/0.20/timershourly1.0https://facebook.github.io/react-native/docs/0.20/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.20/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.20/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.20/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.20/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.19/modalhourly1.0https://facebook.github.io/react-native/docs/0.19/texthourly1.0https://facebook.github.io/react-native/docs/0.19/textinputhourly1.0https://facebook.github.io/react-native/docs/0.19/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/imagehourly1.0https://facebook.github.io/react-native/docs/0.19/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.19/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.19/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.19/animatedhourly1.0https://facebook.github.io/react-native/docs/0.19/easinghourly1.0https://facebook.github.io/react-native/docs/0.19/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.19/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.19/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.19/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.19/transformshourly1.0https://facebook.github.io/react-native/docs/0.19/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.19/switchhourly1.0https://facebook.github.io/react-native/docs/0.19/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.19/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.19/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.19/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.19/webviewhourly1.0https://facebook.github.io/react-native/docs/0.19/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.19/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.19/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.19/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.19/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.19/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.19/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.19/netinfohourly1.0https://facebook.github.io/react-native/docs/0.19/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.19/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.19/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.19/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.19/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.19/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/appstatehourly1.0https://facebook.github.io/react-native/docs/0.19/pickerhourly1.0https://facebook.github.io/react-native/docs/0.19/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.19/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.19/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.19/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/linkinghourly1.0https://facebook.github.io/react-native/docs/0.19/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.19/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.19/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.19/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.19/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.19/sliderhourly1.0https://facebook.github.io/react-native/docs/0.19/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.19/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.19/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.19/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.19/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.19/sharehourly1.0https://facebook.github.io/react-native/docs/0.19/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.19/alerthourly1.0https://facebook.github.io/react-native/docs/0.19/alertioshourly1.0https://facebook.github.io/react-native/docs/0.19/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.19/buttonhourly1.0https://facebook.github.io/react-native/docs/0.19/systracehourly1.0https://facebook.github.io/react-native/docs/0.19/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.19/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.19/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.19/listviewhourly1.0https://facebook.github.io/react-native/docs/0.19/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.19/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.19/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.19/viewhourly1.0https://facebook.github.io/react-native/docs/0.19/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.19/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.19/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.19/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.19/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.19/animationshourly1.0https://facebook.github.io/react-native/docs/0.19/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.19/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.19/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.19/colorshourly1.0https://facebook.github.io/react-native/docs/0.19/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.19/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/debugginghourly1.0https://facebook.github.io/react-native/docs/0.19/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.19/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.19/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.19/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.19/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.19/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.19/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.19/imageshourly1.0https://facebook.github.io/react-native/docs/0.19/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.19/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.19/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.19/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.19/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.19/navigationhourly1.0https://facebook.github.io/react-native/docs/0.19/networkhourly1.0https://facebook.github.io/react-native/docs/0.19/performancehourly1.0https://facebook.github.io/react-native/docs/0.19/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.19/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.19/propshourly1.0https://facebook.github.io/react-native/docs/0.19/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.19/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.19/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/settingshourly1.0https://facebook.github.io/react-native/docs/0.19/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/statehourly1.0https://facebook.github.io/react-native/docs/0.19/stylehourly1.0https://facebook.github.io/react-native/docs/0.19/timershourly1.0https://facebook.github.io/react-native/docs/0.19/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.19/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.19/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.19/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.19/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.18/modalhourly1.0https://facebook.github.io/react-native/docs/0.18/texthourly1.0https://facebook.github.io/react-native/docs/0.18/textinputhourly1.0https://facebook.github.io/react-native/docs/0.18/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/imagehourly1.0https://facebook.github.io/react-native/docs/0.18/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.18/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.18/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.18/animatedhourly1.0https://facebook.github.io/react-native/docs/0.18/easinghourly1.0https://facebook.github.io/react-native/docs/0.18/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.18/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.18/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.18/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.18/transformshourly1.0https://facebook.github.io/react-native/docs/0.18/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.18/switchhourly1.0https://facebook.github.io/react-native/docs/0.18/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.18/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.18/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.18/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.18/webviewhourly1.0https://facebook.github.io/react-native/docs/0.18/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.18/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.18/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.18/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.18/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.18/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.18/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.18/netinfohourly1.0https://facebook.github.io/react-native/docs/0.18/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.18/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.18/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.18/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.18/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.18/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/appstatehourly1.0https://facebook.github.io/react-native/docs/0.18/pickerhourly1.0https://facebook.github.io/react-native/docs/0.18/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.18/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.18/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.18/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/linkinghourly1.0https://facebook.github.io/react-native/docs/0.18/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.18/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.18/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.18/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.18/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.18/sliderhourly1.0https://facebook.github.io/react-native/docs/0.18/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.18/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.18/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.18/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.18/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.18/sharehourly1.0https://facebook.github.io/react-native/docs/0.18/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.18/alerthourly1.0https://facebook.github.io/react-native/docs/0.18/alertioshourly1.0https://facebook.github.io/react-native/docs/0.18/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.18/buttonhourly1.0https://facebook.github.io/react-native/docs/0.18/systracehourly1.0https://facebook.github.io/react-native/docs/0.18/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.18/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.18/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.18/listviewhourly1.0https://facebook.github.io/react-native/docs/0.18/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.18/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.18/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.18/viewhourly1.0https://facebook.github.io/react-native/docs/0.18/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.18/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.18/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.18/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.18/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.18/animationshourly1.0https://facebook.github.io/react-native/docs/0.18/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.18/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.18/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.18/colorshourly1.0https://facebook.github.io/react-native/docs/0.18/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.18/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/debugginghourly1.0https://facebook.github.io/react-native/docs/0.18/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.18/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.18/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.18/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.18/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.18/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.18/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.18/imageshourly1.0https://facebook.github.io/react-native/docs/0.18/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.18/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.18/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.18/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.18/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.18/navigationhourly1.0https://facebook.github.io/react-native/docs/0.18/networkhourly1.0https://facebook.github.io/react-native/docs/0.18/performancehourly1.0https://facebook.github.io/react-native/docs/0.18/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.18/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.18/propshourly1.0https://facebook.github.io/react-native/docs/0.18/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.18/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.18/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/settingshourly1.0https://facebook.github.io/react-native/docs/0.18/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/statehourly1.0https://facebook.github.io/react-native/docs/0.18/stylehourly1.0https://facebook.github.io/react-native/docs/0.18/timershourly1.0https://facebook.github.io/react-native/docs/0.18/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.18/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.18/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.18/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.18/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.17/modalhourly1.0https://facebook.github.io/react-native/docs/0.17/texthourly1.0https://facebook.github.io/react-native/docs/0.17/textinputhourly1.0https://facebook.github.io/react-native/docs/0.17/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/imagehourly1.0https://facebook.github.io/react-native/docs/0.17/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.17/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.17/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.17/animatedhourly1.0https://facebook.github.io/react-native/docs/0.17/easinghourly1.0https://facebook.github.io/react-native/docs/0.17/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.17/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.17/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.17/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.17/transformshourly1.0https://facebook.github.io/react-native/docs/0.17/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.17/switchhourly1.0https://facebook.github.io/react-native/docs/0.17/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.17/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.17/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.17/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.17/webviewhourly1.0https://facebook.github.io/react-native/docs/0.17/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.17/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.17/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.17/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.17/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.17/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.17/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.17/netinfohourly1.0https://facebook.github.io/react-native/docs/0.17/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.17/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.17/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.17/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.17/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.17/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/appstatehourly1.0https://facebook.github.io/react-native/docs/0.17/pickerhourly1.0https://facebook.github.io/react-native/docs/0.17/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.17/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.17/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.17/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/linkinghourly1.0https://facebook.github.io/react-native/docs/0.17/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.17/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.17/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.17/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.17/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.17/sliderhourly1.0https://facebook.github.io/react-native/docs/0.17/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.17/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.17/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.17/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.17/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.17/sharehourly1.0https://facebook.github.io/react-native/docs/0.17/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.17/alerthourly1.0https://facebook.github.io/react-native/docs/0.17/alertioshourly1.0https://facebook.github.io/react-native/docs/0.17/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.17/buttonhourly1.0https://facebook.github.io/react-native/docs/0.17/systracehourly1.0https://facebook.github.io/react-native/docs/0.17/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.17/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.17/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.17/listviewhourly1.0https://facebook.github.io/react-native/docs/0.17/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.17/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.17/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.17/viewhourly1.0https://facebook.github.io/react-native/docs/0.17/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.17/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.17/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.17/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.17/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.17/animationshourly1.0https://facebook.github.io/react-native/docs/0.17/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.17/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.17/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.17/colorshourly1.0https://facebook.github.io/react-native/docs/0.17/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.17/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/debugginghourly1.0https://facebook.github.io/react-native/docs/0.17/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.17/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.17/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.17/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.17/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.17/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.17/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.17/imageshourly1.0https://facebook.github.io/react-native/docs/0.17/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.17/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.17/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.17/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.17/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.17/navigationhourly1.0https://facebook.github.io/react-native/docs/0.17/networkhourly1.0https://facebook.github.io/react-native/docs/0.17/performancehourly1.0https://facebook.github.io/react-native/docs/0.17/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.17/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.17/propshourly1.0https://facebook.github.io/react-native/docs/0.17/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.17/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.17/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/settingshourly1.0https://facebook.github.io/react-native/docs/0.17/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/statehourly1.0https://facebook.github.io/react-native/docs/0.17/stylehourly1.0https://facebook.github.io/react-native/docs/0.17/timershourly1.0https://facebook.github.io/react-native/docs/0.17/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.17/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.17/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.17/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.17/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.16/modalhourly1.0https://facebook.github.io/react-native/docs/0.16/texthourly1.0https://facebook.github.io/react-native/docs/0.16/textinputhourly1.0https://facebook.github.io/react-native/docs/0.16/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/imagehourly1.0https://facebook.github.io/react-native/docs/0.16/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.16/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.16/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.16/animatedhourly1.0https://facebook.github.io/react-native/docs/0.16/easinghourly1.0https://facebook.github.io/react-native/docs/0.16/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.16/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.16/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.16/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.16/transformshourly1.0https://facebook.github.io/react-native/docs/0.16/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.16/switchhourly1.0https://facebook.github.io/react-native/docs/0.16/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.16/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.16/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.16/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.16/webviewhourly1.0https://facebook.github.io/react-native/docs/0.16/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.16/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.16/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.16/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.16/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.16/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.16/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.16/netinfohourly1.0https://facebook.github.io/react-native/docs/0.16/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.16/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.16/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.16/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.16/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.16/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/appstatehourly1.0https://facebook.github.io/react-native/docs/0.16/pickerhourly1.0https://facebook.github.io/react-native/docs/0.16/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.16/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.16/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.16/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/linkinghourly1.0https://facebook.github.io/react-native/docs/0.16/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.16/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.16/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.16/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.16/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.16/sliderhourly1.0https://facebook.github.io/react-native/docs/0.16/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.16/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.16/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.16/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.16/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.16/sharehourly1.0https://facebook.github.io/react-native/docs/0.16/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.16/alerthourly1.0https://facebook.github.io/react-native/docs/0.16/alertioshourly1.0https://facebook.github.io/react-native/docs/0.16/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.16/buttonhourly1.0https://facebook.github.io/react-native/docs/0.16/systracehourly1.0https://facebook.github.io/react-native/docs/0.16/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.16/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.16/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.16/listviewhourly1.0https://facebook.github.io/react-native/docs/0.16/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.16/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.16/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.16/viewhourly1.0https://facebook.github.io/react-native/docs/0.16/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.16/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.16/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.16/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.16/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.16/animationshourly1.0https://facebook.github.io/react-native/docs/0.16/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.16/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.16/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.16/colorshourly1.0https://facebook.github.io/react-native/docs/0.16/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.16/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/debugginghourly1.0https://facebook.github.io/react-native/docs/0.16/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.16/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.16/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.16/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.16/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.16/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.16/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.16/imageshourly1.0https://facebook.github.io/react-native/docs/0.16/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.16/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.16/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.16/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.16/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.16/navigationhourly1.0https://facebook.github.io/react-native/docs/0.16/networkhourly1.0https://facebook.github.io/react-native/docs/0.16/performancehourly1.0https://facebook.github.io/react-native/docs/0.16/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.16/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.16/propshourly1.0https://facebook.github.io/react-native/docs/0.16/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.16/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.16/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/settingshourly1.0https://facebook.github.io/react-native/docs/0.16/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/statehourly1.0https://facebook.github.io/react-native/docs/0.16/stylehourly1.0https://facebook.github.io/react-native/docs/0.16/timershourly1.0https://facebook.github.io/react-native/docs/0.16/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.16/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.16/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.16/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.16/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.15/modalhourly1.0https://facebook.github.io/react-native/docs/0.15/texthourly1.0https://facebook.github.io/react-native/docs/0.15/textinputhourly1.0https://facebook.github.io/react-native/docs/0.15/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/imagehourly1.0https://facebook.github.io/react-native/docs/0.15/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.15/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.15/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.15/animatedhourly1.0https://facebook.github.io/react-native/docs/0.15/easinghourly1.0https://facebook.github.io/react-native/docs/0.15/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.15/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.15/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.15/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.15/transformshourly1.0https://facebook.github.io/react-native/docs/0.15/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.15/switchhourly1.0https://facebook.github.io/react-native/docs/0.15/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.15/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.15/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.15/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.15/webviewhourly1.0https://facebook.github.io/react-native/docs/0.15/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.15/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.15/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.15/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.15/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.15/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.15/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.15/netinfohourly1.0https://facebook.github.io/react-native/docs/0.15/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.15/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.15/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.15/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.15/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.15/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/appstatehourly1.0https://facebook.github.io/react-native/docs/0.15/pickerhourly1.0https://facebook.github.io/react-native/docs/0.15/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.15/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.15/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.15/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/linkinghourly1.0https://facebook.github.io/react-native/docs/0.15/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.15/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.15/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.15/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.15/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.15/sliderhourly1.0https://facebook.github.io/react-native/docs/0.15/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.15/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.15/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.15/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.15/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.15/sharehourly1.0https://facebook.github.io/react-native/docs/0.15/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.15/alerthourly1.0https://facebook.github.io/react-native/docs/0.15/alertioshourly1.0https://facebook.github.io/react-native/docs/0.15/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.15/buttonhourly1.0https://facebook.github.io/react-native/docs/0.15/systracehourly1.0https://facebook.github.io/react-native/docs/0.15/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.15/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.15/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.15/listviewhourly1.0https://facebook.github.io/react-native/docs/0.15/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.15/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.15/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.15/viewhourly1.0https://facebook.github.io/react-native/docs/0.15/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.15/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.15/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.15/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.15/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.15/animationshourly1.0https://facebook.github.io/react-native/docs/0.15/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.15/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.15/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.15/colorshourly1.0https://facebook.github.io/react-native/docs/0.15/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.15/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/debugginghourly1.0https://facebook.github.io/react-native/docs/0.15/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.15/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.15/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.15/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.15/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.15/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.15/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.15/imageshourly1.0https://facebook.github.io/react-native/docs/0.15/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.15/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.15/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.15/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.15/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.15/navigationhourly1.0https://facebook.github.io/react-native/docs/0.15/networkhourly1.0https://facebook.github.io/react-native/docs/0.15/performancehourly1.0https://facebook.github.io/react-native/docs/0.15/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.15/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.15/propshourly1.0https://facebook.github.io/react-native/docs/0.15/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.15/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.15/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/settingshourly1.0https://facebook.github.io/react-native/docs/0.15/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/statehourly1.0https://facebook.github.io/react-native/docs/0.15/stylehourly1.0https://facebook.github.io/react-native/docs/0.15/timershourly1.0https://facebook.github.io/react-native/docs/0.15/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.15/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.15/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.15/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.15/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.14/modalhourly1.0https://facebook.github.io/react-native/docs/0.14/texthourly1.0https://facebook.github.io/react-native/docs/0.14/textinputhourly1.0https://facebook.github.io/react-native/docs/0.14/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/imagehourly1.0https://facebook.github.io/react-native/docs/0.14/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.14/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.14/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.14/animatedhourly1.0https://facebook.github.io/react-native/docs/0.14/easinghourly1.0https://facebook.github.io/react-native/docs/0.14/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.14/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.14/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.14/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.14/transformshourly1.0https://facebook.github.io/react-native/docs/0.14/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.14/switchhourly1.0https://facebook.github.io/react-native/docs/0.14/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.14/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.14/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.14/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.14/webviewhourly1.0https://facebook.github.io/react-native/docs/0.14/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.14/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.14/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.14/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.14/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.14/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.14/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.14/netinfohourly1.0https://facebook.github.io/react-native/docs/0.14/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.14/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.14/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.14/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.14/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.14/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/appstatehourly1.0https://facebook.github.io/react-native/docs/0.14/pickerhourly1.0https://facebook.github.io/react-native/docs/0.14/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.14/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.14/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.14/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/linkinghourly1.0https://facebook.github.io/react-native/docs/0.14/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.14/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.14/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.14/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.14/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.14/sliderhourly1.0https://facebook.github.io/react-native/docs/0.14/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.14/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.14/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.14/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.14/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.14/sharehourly1.0https://facebook.github.io/react-native/docs/0.14/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.14/alerthourly1.0https://facebook.github.io/react-native/docs/0.14/alertioshourly1.0https://facebook.github.io/react-native/docs/0.14/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.14/buttonhourly1.0https://facebook.github.io/react-native/docs/0.14/systracehourly1.0https://facebook.github.io/react-native/docs/0.14/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.14/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.14/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.14/listviewhourly1.0https://facebook.github.io/react-native/docs/0.14/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.14/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.14/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.14/viewhourly1.0https://facebook.github.io/react-native/docs/0.14/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.14/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.14/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.14/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.14/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.14/animationshourly1.0https://facebook.github.io/react-native/docs/0.14/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.14/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.14/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.14/colorshourly1.0https://facebook.github.io/react-native/docs/0.14/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.14/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/debugginghourly1.0https://facebook.github.io/react-native/docs/0.14/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.14/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.14/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.14/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.14/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.14/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.14/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.14/imageshourly1.0https://facebook.github.io/react-native/docs/0.14/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.14/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.14/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.14/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.14/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.14/navigationhourly1.0https://facebook.github.io/react-native/docs/0.14/networkhourly1.0https://facebook.github.io/react-native/docs/0.14/performancehourly1.0https://facebook.github.io/react-native/docs/0.14/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.14/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.14/propshourly1.0https://facebook.github.io/react-native/docs/0.14/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.14/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.14/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/settingshourly1.0https://facebook.github.io/react-native/docs/0.14/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/statehourly1.0https://facebook.github.io/react-native/docs/0.14/stylehourly1.0https://facebook.github.io/react-native/docs/0.14/timershourly1.0https://facebook.github.io/react-native/docs/0.14/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.14/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.14/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.14/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.14/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.13/modalhourly1.0https://facebook.github.io/react-native/docs/0.13/texthourly1.0https://facebook.github.io/react-native/docs/0.13/textinputhourly1.0https://facebook.github.io/react-native/docs/0.13/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/imagehourly1.0https://facebook.github.io/react-native/docs/0.13/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.13/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.13/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.13/animatedhourly1.0https://facebook.github.io/react-native/docs/0.13/easinghourly1.0https://facebook.github.io/react-native/docs/0.13/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.13/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.13/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.13/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.13/transformshourly1.0https://facebook.github.io/react-native/docs/0.13/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.13/switchhourly1.0https://facebook.github.io/react-native/docs/0.13/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.13/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.13/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.13/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.13/webviewhourly1.0https://facebook.github.io/react-native/docs/0.13/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.13/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.13/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.13/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.13/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.13/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.13/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.13/netinfohourly1.0https://facebook.github.io/react-native/docs/0.13/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.13/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.13/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.13/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.13/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.13/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/appstatehourly1.0https://facebook.github.io/react-native/docs/0.13/pickerhourly1.0https://facebook.github.io/react-native/docs/0.13/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.13/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.13/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.13/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/linkinghourly1.0https://facebook.github.io/react-native/docs/0.13/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.13/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.13/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.13/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.13/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.13/sliderhourly1.0https://facebook.github.io/react-native/docs/0.13/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.13/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.13/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.13/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.13/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.13/sharehourly1.0https://facebook.github.io/react-native/docs/0.13/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.13/alerthourly1.0https://facebook.github.io/react-native/docs/0.13/alertioshourly1.0https://facebook.github.io/react-native/docs/0.13/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.13/buttonhourly1.0https://facebook.github.io/react-native/docs/0.13/systracehourly1.0https://facebook.github.io/react-native/docs/0.13/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.13/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.13/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.13/listviewhourly1.0https://facebook.github.io/react-native/docs/0.13/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.13/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.13/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.13/viewhourly1.0https://facebook.github.io/react-native/docs/0.13/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.13/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.13/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.13/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.13/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.13/animationshourly1.0https://facebook.github.io/react-native/docs/0.13/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.13/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.13/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.13/colorshourly1.0https://facebook.github.io/react-native/docs/0.13/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.13/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/debugginghourly1.0https://facebook.github.io/react-native/docs/0.13/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.13/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.13/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.13/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.13/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.13/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.13/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.13/imageshourly1.0https://facebook.github.io/react-native/docs/0.13/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.13/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.13/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.13/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.13/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.13/navigationhourly1.0https://facebook.github.io/react-native/docs/0.13/networkhourly1.0https://facebook.github.io/react-native/docs/0.13/performancehourly1.0https://facebook.github.io/react-native/docs/0.13/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.13/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.13/propshourly1.0https://facebook.github.io/react-native/docs/0.13/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.13/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.13/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/settingshourly1.0https://facebook.github.io/react-native/docs/0.13/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/statehourly1.0https://facebook.github.io/react-native/docs/0.13/stylehourly1.0https://facebook.github.io/react-native/docs/0.13/timershourly1.0https://facebook.github.io/react-native/docs/0.13/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.13/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.13/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.13/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.13/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.12/modalhourly1.0https://facebook.github.io/react-native/docs/0.12/texthourly1.0https://facebook.github.io/react-native/docs/0.12/textinputhourly1.0https://facebook.github.io/react-native/docs/0.12/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/imagehourly1.0https://facebook.github.io/react-native/docs/0.12/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.12/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.12/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.12/animatedhourly1.0https://facebook.github.io/react-native/docs/0.12/easinghourly1.0https://facebook.github.io/react-native/docs/0.12/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.12/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.12/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.12/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.12/transformshourly1.0https://facebook.github.io/react-native/docs/0.12/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.12/switchhourly1.0https://facebook.github.io/react-native/docs/0.12/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.12/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.12/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.12/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.12/webviewhourly1.0https://facebook.github.io/react-native/docs/0.12/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.12/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.12/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.12/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.12/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.12/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.12/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.12/netinfohourly1.0https://facebook.github.io/react-native/docs/0.12/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.12/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.12/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.12/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.12/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.12/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/appstatehourly1.0https://facebook.github.io/react-native/docs/0.12/pickerhourly1.0https://facebook.github.io/react-native/docs/0.12/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.12/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.12/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.12/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/linkinghourly1.0https://facebook.github.io/react-native/docs/0.12/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.12/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.12/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.12/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.12/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.12/sliderhourly1.0https://facebook.github.io/react-native/docs/0.12/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.12/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.12/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.12/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.12/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.12/sharehourly1.0https://facebook.github.io/react-native/docs/0.12/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.12/alerthourly1.0https://facebook.github.io/react-native/docs/0.12/alertioshourly1.0https://facebook.github.io/react-native/docs/0.12/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.12/buttonhourly1.0https://facebook.github.io/react-native/docs/0.12/systracehourly1.0https://facebook.github.io/react-native/docs/0.12/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.12/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.12/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.12/listviewhourly1.0https://facebook.github.io/react-native/docs/0.12/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.12/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.12/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.12/viewhourly1.0https://facebook.github.io/react-native/docs/0.12/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.12/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.12/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.12/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.12/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.12/animationshourly1.0https://facebook.github.io/react-native/docs/0.12/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.12/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.12/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.12/colorshourly1.0https://facebook.github.io/react-native/docs/0.12/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.12/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/debugginghourly1.0https://facebook.github.io/react-native/docs/0.12/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.12/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.12/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.12/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.12/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.12/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.12/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.12/imageshourly1.0https://facebook.github.io/react-native/docs/0.12/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.12/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.12/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.12/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.12/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.12/navigationhourly1.0https://facebook.github.io/react-native/docs/0.12/networkhourly1.0https://facebook.github.io/react-native/docs/0.12/performancehourly1.0https://facebook.github.io/react-native/docs/0.12/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.12/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.12/propshourly1.0https://facebook.github.io/react-native/docs/0.12/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.12/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.12/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/settingshourly1.0https://facebook.github.io/react-native/docs/0.12/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/statehourly1.0https://facebook.github.io/react-native/docs/0.12/stylehourly1.0https://facebook.github.io/react-native/docs/0.12/timershourly1.0https://facebook.github.io/react-native/docs/0.12/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.12/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.12/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.12/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.12/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.11/modalhourly1.0https://facebook.github.io/react-native/docs/0.11/texthourly1.0https://facebook.github.io/react-native/docs/0.11/textinputhourly1.0https://facebook.github.io/react-native/docs/0.11/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/imagehourly1.0https://facebook.github.io/react-native/docs/0.11/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.11/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.11/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.11/animatedhourly1.0https://facebook.github.io/react-native/docs/0.11/easinghourly1.0https://facebook.github.io/react-native/docs/0.11/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.11/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.11/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.11/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.11/transformshourly1.0https://facebook.github.io/react-native/docs/0.11/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.11/switchhourly1.0https://facebook.github.io/react-native/docs/0.11/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.11/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.11/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.11/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.11/webviewhourly1.0https://facebook.github.io/react-native/docs/0.11/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.11/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.11/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.11/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.11/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.11/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.11/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.11/netinfohourly1.0https://facebook.github.io/react-native/docs/0.11/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.11/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.11/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.11/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.11/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.11/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/appstatehourly1.0https://facebook.github.io/react-native/docs/0.11/pickerhourly1.0https://facebook.github.io/react-native/docs/0.11/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.11/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.11/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.11/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/linkinghourly1.0https://facebook.github.io/react-native/docs/0.11/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.11/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.11/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.11/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.11/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.11/sliderhourly1.0https://facebook.github.io/react-native/docs/0.11/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.11/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.11/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.11/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.11/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.11/sharehourly1.0https://facebook.github.io/react-native/docs/0.11/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.11/alerthourly1.0https://facebook.github.io/react-native/docs/0.11/alertioshourly1.0https://facebook.github.io/react-native/docs/0.11/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.11/buttonhourly1.0https://facebook.github.io/react-native/docs/0.11/systracehourly1.0https://facebook.github.io/react-native/docs/0.11/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.11/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.11/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.11/listviewhourly1.0https://facebook.github.io/react-native/docs/0.11/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.11/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.11/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.11/viewhourly1.0https://facebook.github.io/react-native/docs/0.11/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.11/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.11/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.11/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.11/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.11/animationshourly1.0https://facebook.github.io/react-native/docs/0.11/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.11/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.11/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.11/colorshourly1.0https://facebook.github.io/react-native/docs/0.11/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.11/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/debugginghourly1.0https://facebook.github.io/react-native/docs/0.11/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.11/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.11/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.11/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.11/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.11/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.11/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.11/imageshourly1.0https://facebook.github.io/react-native/docs/0.11/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.11/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.11/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.11/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.11/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.11/navigationhourly1.0https://facebook.github.io/react-native/docs/0.11/networkhourly1.0https://facebook.github.io/react-native/docs/0.11/performancehourly1.0https://facebook.github.io/react-native/docs/0.11/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.11/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.11/propshourly1.0https://facebook.github.io/react-native/docs/0.11/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.11/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.11/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/settingshourly1.0https://facebook.github.io/react-native/docs/0.11/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/statehourly1.0https://facebook.github.io/react-native/docs/0.11/stylehourly1.0https://facebook.github.io/react-native/docs/0.11/timershourly1.0https://facebook.github.io/react-native/docs/0.11/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.11/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.11/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.11/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.11/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.10/modalhourly1.0https://facebook.github.io/react-native/docs/0.10/texthourly1.0https://facebook.github.io/react-native/docs/0.10/textinputhourly1.0https://facebook.github.io/react-native/docs/0.10/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/imagehourly1.0https://facebook.github.io/react-native/docs/0.10/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.10/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.10/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.10/animatedhourly1.0https://facebook.github.io/react-native/docs/0.10/easinghourly1.0https://facebook.github.io/react-native/docs/0.10/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.10/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.10/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.10/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.10/transformshourly1.0https://facebook.github.io/react-native/docs/0.10/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.10/switchhourly1.0https://facebook.github.io/react-native/docs/0.10/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.10/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.10/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.10/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.10/webviewhourly1.0https://facebook.github.io/react-native/docs/0.10/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.10/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.10/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.10/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.10/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.10/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.10/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.10/netinfohourly1.0https://facebook.github.io/react-native/docs/0.10/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.10/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.10/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.10/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.10/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.10/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/appstatehourly1.0https://facebook.github.io/react-native/docs/0.10/pickerhourly1.0https://facebook.github.io/react-native/docs/0.10/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.10/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.10/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.10/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/linkinghourly1.0https://facebook.github.io/react-native/docs/0.10/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.10/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.10/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.10/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.10/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.10/sliderhourly1.0https://facebook.github.io/react-native/docs/0.10/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.10/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.10/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.10/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.10/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.10/sharehourly1.0https://facebook.github.io/react-native/docs/0.10/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.10/alerthourly1.0https://facebook.github.io/react-native/docs/0.10/alertioshourly1.0https://facebook.github.io/react-native/docs/0.10/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.10/buttonhourly1.0https://facebook.github.io/react-native/docs/0.10/systracehourly1.0https://facebook.github.io/react-native/docs/0.10/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.10/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.10/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.10/listviewhourly1.0https://facebook.github.io/react-native/docs/0.10/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.10/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.10/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.10/viewhourly1.0https://facebook.github.io/react-native/docs/0.10/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.10/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.10/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.10/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.10/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.10/animationshourly1.0https://facebook.github.io/react-native/docs/0.10/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.10/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.10/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.10/colorshourly1.0https://facebook.github.io/react-native/docs/0.10/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.10/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/debugginghourly1.0https://facebook.github.io/react-native/docs/0.10/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.10/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.10/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.10/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.10/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.10/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.10/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.10/imageshourly1.0https://facebook.github.io/react-native/docs/0.10/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.10/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.10/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.10/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.10/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.10/navigationhourly1.0https://facebook.github.io/react-native/docs/0.10/networkhourly1.0https://facebook.github.io/react-native/docs/0.10/performancehourly1.0https://facebook.github.io/react-native/docs/0.10/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.10/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.10/propshourly1.0https://facebook.github.io/react-native/docs/0.10/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.10/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.10/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/settingshourly1.0https://facebook.github.io/react-native/docs/0.10/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/statehourly1.0https://facebook.github.io/react-native/docs/0.10/stylehourly1.0https://facebook.github.io/react-native/docs/0.10/timershourly1.0https://facebook.github.io/react-native/docs/0.10/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.10/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.10/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.10/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.10/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.9/modalhourly1.0https://facebook.github.io/react-native/docs/0.9/texthourly1.0https://facebook.github.io/react-native/docs/0.9/textinputhourly1.0https://facebook.github.io/react-native/docs/0.9/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/imagehourly1.0https://facebook.github.io/react-native/docs/0.9/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.9/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.9/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.9/animatedhourly1.0https://facebook.github.io/react-native/docs/0.9/easinghourly1.0https://facebook.github.io/react-native/docs/0.9/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.9/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.9/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.9/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.9/transformshourly1.0https://facebook.github.io/react-native/docs/0.9/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.9/switchhourly1.0https://facebook.github.io/react-native/docs/0.9/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.9/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.9/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.9/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.9/webviewhourly1.0https://facebook.github.io/react-native/docs/0.9/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.9/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.9/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.9/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.9/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.9/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.9/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.9/netinfohourly1.0https://facebook.github.io/react-native/docs/0.9/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.9/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.9/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.9/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.9/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.9/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/appstatehourly1.0https://facebook.github.io/react-native/docs/0.9/pickerhourly1.0https://facebook.github.io/react-native/docs/0.9/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.9/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.9/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.9/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/linkinghourly1.0https://facebook.github.io/react-native/docs/0.9/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.9/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.9/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.9/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.9/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.9/sliderhourly1.0https://facebook.github.io/react-native/docs/0.9/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.9/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.9/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.9/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.9/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.9/sharehourly1.0https://facebook.github.io/react-native/docs/0.9/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.9/alerthourly1.0https://facebook.github.io/react-native/docs/0.9/alertioshourly1.0https://facebook.github.io/react-native/docs/0.9/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.9/buttonhourly1.0https://facebook.github.io/react-native/docs/0.9/systracehourly1.0https://facebook.github.io/react-native/docs/0.9/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.9/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.9/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.9/listviewhourly1.0https://facebook.github.io/react-native/docs/0.9/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.9/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.9/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.9/viewhourly1.0https://facebook.github.io/react-native/docs/0.9/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.9/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.9/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.9/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.9/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.9/animationshourly1.0https://facebook.github.io/react-native/docs/0.9/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.9/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.9/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.9/colorshourly1.0https://facebook.github.io/react-native/docs/0.9/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.9/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/debugginghourly1.0https://facebook.github.io/react-native/docs/0.9/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.9/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.9/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.9/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.9/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.9/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.9/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.9/imageshourly1.0https://facebook.github.io/react-native/docs/0.9/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.9/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.9/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.9/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.9/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.9/navigationhourly1.0https://facebook.github.io/react-native/docs/0.9/networkhourly1.0https://facebook.github.io/react-native/docs/0.9/performancehourly1.0https://facebook.github.io/react-native/docs/0.9/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.9/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.9/propshourly1.0https://facebook.github.io/react-native/docs/0.9/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.9/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.9/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/settingshourly1.0https://facebook.github.io/react-native/docs/0.9/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/statehourly1.0https://facebook.github.io/react-native/docs/0.9/stylehourly1.0https://facebook.github.io/react-native/docs/0.9/timershourly1.0https://facebook.github.io/react-native/docs/0.9/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.9/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.9/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.9/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.9/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.8/modalhourly1.0https://facebook.github.io/react-native/docs/0.8/texthourly1.0https://facebook.github.io/react-native/docs/0.8/textinputhourly1.0https://facebook.github.io/react-native/docs/0.8/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/imagehourly1.0https://facebook.github.io/react-native/docs/0.8/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.8/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.8/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.8/animatedhourly1.0https://facebook.github.io/react-native/docs/0.8/easinghourly1.0https://facebook.github.io/react-native/docs/0.8/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.8/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.8/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.8/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.8/transformshourly1.0https://facebook.github.io/react-native/docs/0.8/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.8/switchhourly1.0https://facebook.github.io/react-native/docs/0.8/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.8/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.8/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.8/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.8/webviewhourly1.0https://facebook.github.io/react-native/docs/0.8/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.8/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.8/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.8/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.8/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.8/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.8/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.8/netinfohourly1.0https://facebook.github.io/react-native/docs/0.8/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.8/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.8/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.8/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.8/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.8/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/appstatehourly1.0https://facebook.github.io/react-native/docs/0.8/pickerhourly1.0https://facebook.github.io/react-native/docs/0.8/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.8/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.8/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.8/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/linkinghourly1.0https://facebook.github.io/react-native/docs/0.8/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.8/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.8/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.8/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.8/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.8/sliderhourly1.0https://facebook.github.io/react-native/docs/0.8/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.8/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.8/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.8/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.8/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.8/sharehourly1.0https://facebook.github.io/react-native/docs/0.8/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.8/alerthourly1.0https://facebook.github.io/react-native/docs/0.8/alertioshourly1.0https://facebook.github.io/react-native/docs/0.8/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.8/buttonhourly1.0https://facebook.github.io/react-native/docs/0.8/systracehourly1.0https://facebook.github.io/react-native/docs/0.8/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.8/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.8/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.8/listviewhourly1.0https://facebook.github.io/react-native/docs/0.8/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.8/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.8/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.8/viewhourly1.0https://facebook.github.io/react-native/docs/0.8/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.8/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.8/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.8/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.8/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.8/animationshourly1.0https://facebook.github.io/react-native/docs/0.8/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.8/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.8/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.8/colorshourly1.0https://facebook.github.io/react-native/docs/0.8/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.8/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/debugginghourly1.0https://facebook.github.io/react-native/docs/0.8/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.8/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.8/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.8/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.8/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.8/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.8/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.8/imageshourly1.0https://facebook.github.io/react-native/docs/0.8/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.8/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.8/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.8/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.8/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.8/navigationhourly1.0https://facebook.github.io/react-native/docs/0.8/networkhourly1.0https://facebook.github.io/react-native/docs/0.8/performancehourly1.0https://facebook.github.io/react-native/docs/0.8/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.8/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.8/propshourly1.0https://facebook.github.io/react-native/docs/0.8/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.8/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.8/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/settingshourly1.0https://facebook.github.io/react-native/docs/0.8/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/statehourly1.0https://facebook.github.io/react-native/docs/0.8/stylehourly1.0https://facebook.github.io/react-native/docs/0.8/timershourly1.0https://facebook.github.io/react-native/docs/0.8/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.8/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.8/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.8/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.8/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.7/modalhourly1.0https://facebook.github.io/react-native/docs/0.7/texthourly1.0https://facebook.github.io/react-native/docs/0.7/textinputhourly1.0https://facebook.github.io/react-native/docs/0.7/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/imagehourly1.0https://facebook.github.io/react-native/docs/0.7/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.7/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.7/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.7/animatedhourly1.0https://facebook.github.io/react-native/docs/0.7/easinghourly1.0https://facebook.github.io/react-native/docs/0.7/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.7/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.7/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.7/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.7/transformshourly1.0https://facebook.github.io/react-native/docs/0.7/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.7/switchhourly1.0https://facebook.github.io/react-native/docs/0.7/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.7/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.7/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.7/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.7/webviewhourly1.0https://facebook.github.io/react-native/docs/0.7/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.7/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.7/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.7/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.7/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.7/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.7/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.7/netinfohourly1.0https://facebook.github.io/react-native/docs/0.7/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.7/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.7/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.7/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.7/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.7/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/appstatehourly1.0https://facebook.github.io/react-native/docs/0.7/pickerhourly1.0https://facebook.github.io/react-native/docs/0.7/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.7/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.7/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.7/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/linkinghourly1.0https://facebook.github.io/react-native/docs/0.7/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.7/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.7/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.7/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.7/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.7/sliderhourly1.0https://facebook.github.io/react-native/docs/0.7/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.7/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.7/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.7/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.7/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.7/sharehourly1.0https://facebook.github.io/react-native/docs/0.7/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.7/alerthourly1.0https://facebook.github.io/react-native/docs/0.7/alertioshourly1.0https://facebook.github.io/react-native/docs/0.7/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.7/buttonhourly1.0https://facebook.github.io/react-native/docs/0.7/systracehourly1.0https://facebook.github.io/react-native/docs/0.7/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.7/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.7/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.7/listviewhourly1.0https://facebook.github.io/react-native/docs/0.7/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.7/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.7/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.7/viewhourly1.0https://facebook.github.io/react-native/docs/0.7/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.7/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.7/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.7/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.7/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.7/animationshourly1.0https://facebook.github.io/react-native/docs/0.7/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.7/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.7/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.7/colorshourly1.0https://facebook.github.io/react-native/docs/0.7/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.7/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/debugginghourly1.0https://facebook.github.io/react-native/docs/0.7/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.7/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.7/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.7/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.7/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.7/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.7/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.7/imageshourly1.0https://facebook.github.io/react-native/docs/0.7/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.7/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.7/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.7/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.7/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.7/navigationhourly1.0https://facebook.github.io/react-native/docs/0.7/networkhourly1.0https://facebook.github.io/react-native/docs/0.7/performancehourly1.0https://facebook.github.io/react-native/docs/0.7/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.7/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.7/propshourly1.0https://facebook.github.io/react-native/docs/0.7/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.7/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.7/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/settingshourly1.0https://facebook.github.io/react-native/docs/0.7/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/statehourly1.0https://facebook.github.io/react-native/docs/0.7/stylehourly1.0https://facebook.github.io/react-native/docs/0.7/timershourly1.0https://facebook.github.io/react-native/docs/0.7/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.7/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.7/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.7/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.7/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.6/modalhourly1.0https://facebook.github.io/react-native/docs/0.6/texthourly1.0https://facebook.github.io/react-native/docs/0.6/textinputhourly1.0https://facebook.github.io/react-native/docs/0.6/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/imagehourly1.0https://facebook.github.io/react-native/docs/0.6/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.6/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.6/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.6/animatedhourly1.0https://facebook.github.io/react-native/docs/0.6/easinghourly1.0https://facebook.github.io/react-native/docs/0.6/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.6/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.6/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.6/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.6/transformshourly1.0https://facebook.github.io/react-native/docs/0.6/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.6/switchhourly1.0https://facebook.github.io/react-native/docs/0.6/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.6/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.6/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.6/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.6/webviewhourly1.0https://facebook.github.io/react-native/docs/0.6/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.6/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.6/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.6/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.6/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.6/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.6/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.6/netinfohourly1.0https://facebook.github.io/react-native/docs/0.6/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.6/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.6/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.6/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.6/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.6/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/appstatehourly1.0https://facebook.github.io/react-native/docs/0.6/pickerhourly1.0https://facebook.github.io/react-native/docs/0.6/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.6/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.6/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.6/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/linkinghourly1.0https://facebook.github.io/react-native/docs/0.6/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.6/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.6/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.6/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.6/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.6/sliderhourly1.0https://facebook.github.io/react-native/docs/0.6/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.6/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.6/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.6/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.6/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.6/sharehourly1.0https://facebook.github.io/react-native/docs/0.6/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.6/alerthourly1.0https://facebook.github.io/react-native/docs/0.6/alertioshourly1.0https://facebook.github.io/react-native/docs/0.6/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.6/buttonhourly1.0https://facebook.github.io/react-native/docs/0.6/systracehourly1.0https://facebook.github.io/react-native/docs/0.6/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.6/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.6/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.6/listviewhourly1.0https://facebook.github.io/react-native/docs/0.6/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.6/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.6/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.6/viewhourly1.0https://facebook.github.io/react-native/docs/0.6/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.6/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.6/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.6/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.6/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.6/animationshourly1.0https://facebook.github.io/react-native/docs/0.6/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.6/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.6/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.6/colorshourly1.0https://facebook.github.io/react-native/docs/0.6/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.6/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/debugginghourly1.0https://facebook.github.io/react-native/docs/0.6/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.6/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.6/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.6/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.6/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.6/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.6/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.6/imageshourly1.0https://facebook.github.io/react-native/docs/0.6/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.6/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.6/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.6/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.6/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.6/navigationhourly1.0https://facebook.github.io/react-native/docs/0.6/networkhourly1.0https://facebook.github.io/react-native/docs/0.6/performancehourly1.0https://facebook.github.io/react-native/docs/0.6/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.6/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.6/propshourly1.0https://facebook.github.io/react-native/docs/0.6/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.6/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.6/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/settingshourly1.0https://facebook.github.io/react-native/docs/0.6/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/statehourly1.0https://facebook.github.io/react-native/docs/0.6/stylehourly1.0https://facebook.github.io/react-native/docs/0.6/timershourly1.0https://facebook.github.io/react-native/docs/0.6/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.6/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.6/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.6/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.6/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.5/modalhourly1.0https://facebook.github.io/react-native/docs/0.5/texthourly1.0https://facebook.github.io/react-native/docs/0.5/textinputhourly1.0https://facebook.github.io/react-native/docs/0.5/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/imagehourly1.0https://facebook.github.io/react-native/docs/0.5/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.5/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.5/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.5/animatedhourly1.0https://facebook.github.io/react-native/docs/0.5/easinghourly1.0https://facebook.github.io/react-native/docs/0.5/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.5/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.5/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.5/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.5/transformshourly1.0https://facebook.github.io/react-native/docs/0.5/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.5/switchhourly1.0https://facebook.github.io/react-native/docs/0.5/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.5/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.5/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.5/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.5/webviewhourly1.0https://facebook.github.io/react-native/docs/0.5/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.5/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.5/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.5/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.5/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.5/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.5/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.5/netinfohourly1.0https://facebook.github.io/react-native/docs/0.5/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.5/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.5/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.5/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.5/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.5/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/appstatehourly1.0https://facebook.github.io/react-native/docs/0.5/pickerhourly1.0https://facebook.github.io/react-native/docs/0.5/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.5/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.5/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.5/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/linkinghourly1.0https://facebook.github.io/react-native/docs/0.5/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.5/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.5/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.5/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.5/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.5/sliderhourly1.0https://facebook.github.io/react-native/docs/0.5/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.5/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.5/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.5/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.5/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.5/sharehourly1.0https://facebook.github.io/react-native/docs/0.5/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.5/alerthourly1.0https://facebook.github.io/react-native/docs/0.5/alertioshourly1.0https://facebook.github.io/react-native/docs/0.5/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.5/buttonhourly1.0https://facebook.github.io/react-native/docs/0.5/systracehourly1.0https://facebook.github.io/react-native/docs/0.5/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.5/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.5/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.5/listviewhourly1.0https://facebook.github.io/react-native/docs/0.5/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.5/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.5/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.5/viewhourly1.0https://facebook.github.io/react-native/docs/0.5/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.5/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.5/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.5/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.5/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.5/animationshourly1.0https://facebook.github.io/react-native/docs/0.5/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.5/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.5/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.5/colorshourly1.0https://facebook.github.io/react-native/docs/0.5/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.5/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/debugginghourly1.0https://facebook.github.io/react-native/docs/0.5/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.5/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.5/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.5/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.5/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.5/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.5/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.5/imageshourly1.0https://facebook.github.io/react-native/docs/0.5/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.5/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.5/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.5/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.5/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.5/navigationhourly1.0https://facebook.github.io/react-native/docs/0.5/networkhourly1.0https://facebook.github.io/react-native/docs/0.5/performancehourly1.0https://facebook.github.io/react-native/docs/0.5/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.5/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.5/propshourly1.0https://facebook.github.io/react-native/docs/0.5/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.5/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.5/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/settingshourly1.0https://facebook.github.io/react-native/docs/0.5/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/statehourly1.0https://facebook.github.io/react-native/docs/0.5/stylehourly1.0https://facebook.github.io/react-native/docs/0.5/timershourly1.0https://facebook.github.io/react-native/docs/0.5/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.5/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.5/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.5/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.5/using-a-scrollviewhourly1.0 \ No newline at end of file +https://facebook.github.io/helpweekly0.5https://facebook.github.io/indexweekly0.5https://facebook.github.io/showcaseweekly0.5https://facebook.github.io/versionsweekly0.5https://facebook.github.io/blog/2019/07/17/hermesweekly0.3https://facebook.github.io/blog/2019/07/03/version-60weekly0.3https://facebook.github.io/blog/2019/06/12/react-native-open-source-updateweekly0.3https://facebook.github.io/blog/2019/05/01/react-native-at-f8-and-podcastweekly0.3https://facebook.github.io/blog/2019/03/12/releasing-react-native-059weekly0.3https://facebook.github.io/blog/2019/03/01/react-native-open-source-updateweekly0.3https://facebook.github.io/blog/2019/01/07/state-of-react-native-communityweekly0.3https://facebook.github.io/blog/2018/11/01/oss-roadmapweekly0.3https://facebook.github.io/blog/2018/08/27/wkwebviewweekly0.3https://facebook.github.io/blog/2018/08/13/react-native-accessibility-updatesweekly0.3https://facebook.github.io/blog/2018/07/04/releasing-react-native-056weekly0.3https://facebook.github.io/blog/2018/06/14/state-of-react-native-2018weekly0.3https://facebook.github.io/blog/2018/05/07/using-typescript-with-react-nativeweekly0.3https://facebook.github.io/blog/2018/04/09/build-com-appweekly0.3https://facebook.github.io/blog/2018/03/22/building-input-accessory-view-for-react-nativeweekly0.3https://facebook.github.io/blog/2018/03/05/AWS-app-syncweekly0.3https://facebook.github.io/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-nativeweekly0.3https://facebook.github.io/blog/2018/01/09/react-native-monthly-6weekly0.3https://facebook.github.io/blog/2017/11/06/react-native-monthly-5weekly0.3https://facebook.github.io/blog/2017/09/21/react-native-monthly-4weekly0.3https://facebook.github.io/blog/2017/08/30/react-native-monthly-3weekly0.3https://facebook.github.io/blog/2017/08/07/react-native-performance-in-marketplaceweekly0.3https://facebook.github.io/blog/2017/07/28/react-native-monthly-2weekly0.3https://facebook.github.io/blog/2017/06/21/react-native-monthly-1weekly0.3https://facebook.github.io/blog/2017/03/13/introducing-create-react-native-appweekly0.3https://facebook.github.io/blog/2017/03/13/idx-the-existential-functionweekly0.3https://facebook.github.io/blog/2017/03/13/better-list-viewsweekly0.3https://facebook.github.io/blog/2017/02/14/using-native-driver-for-animatedweekly0.3https://facebook.github.io/blog/2017/01/07/monthly-release-cadenceweekly0.3https://facebook.github.io/blog/2016/12/05/easier-upgradesweekly0.3https://facebook.github.io/blog/2016/11/08/introducing-button-yarn-and-a-public-roadmapweekly0.3https://facebook.github.io/blog/2016/10/25/0.36-headless-js-the-keyboard-api-and-moreweekly0.3https://facebook.github.io/blog/2016/09/08/exponent-talks-unraveling-navigationweekly0.3https://facebook.github.io/blog/2016/08/19/right-to-left-support-for-react-native-appsweekly0.3https://facebook.github.io/blog/2016/08/12/react-native-meetup-san-franciscoweekly0.3https://facebook.github.io/blog/2016/07/06/toward-better-documentationweekly0.3https://facebook.github.io/blog/2016/04/13/react-native-a-year-in-reviewweekly0.3https://facebook.github.io/blog/2016/03/28/dive-into-react-native-performanceweekly0.3https://facebook.github.io/blog/2016/03/24/introducing-hot-reloadingweekly0.3https://facebook.github.io/blog/2015/11/23/making-react-native-apps-accessibleweekly0.3https://facebook.github.io/blog/2015/09/14/react-native-for-androidweekly0.3https://facebook.github.io/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobileweekly0.3https://facebook.github.io/react-native/docs/next/accessibilityhourly1.0https://facebook.github.io/react-native/docs/next/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/next/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/next/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/next/alerthourly1.0https://facebook.github.io/react-native/docs/next/alertioshourly1.0https://facebook.github.io/react-native/docs/next/animatedhourly1.0https://facebook.github.io/react-native/docs/next/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/next/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/next/animationshourly1.0https://facebook.github.io/react-native/docs/next/app-extensionshourly1.0https://facebook.github.io/react-native/docs/next/appregistryhourly1.0https://facebook.github.io/react-native/docs/next/appstatehourly1.0https://facebook.github.io/react-native/docs/next/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/next/backhandlerhourly1.0https://facebook.github.io/react-native/docs/next/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/next/buttonhourly1.0https://facebook.github.io/react-native/docs/next/checkboxhourly1.0https://facebook.github.io/react-native/docs/next/clipboardhourly1.0https://facebook.github.io/react-native/docs/next/colorshourly1.0https://facebook.github.io/react-native/docs/next/communication-androidhourly1.0https://facebook.github.io/react-native/docs/next/communication-ioshourly1.0https://facebook.github.io/react-native/docs/next/components-and-apishourly1.0https://facebook.github.io/react-native/docs/next/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/next/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/next/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/next/datepickerioshourly1.0https://facebook.github.io/react-native/docs/next/debugginghourly1.0https://facebook.github.io/react-native/docs/next/dimensionshourly1.0https://facebook.github.io/react-native/docs/next/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/next/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/next/easinghourly1.0https://facebook.github.io/react-native/docs/next/flatlisthourly1.0https://facebook.github.io/react-native/docs/next/flexboxhourly1.0https://facebook.github.io/react-native/docs/next/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/next/getting-startedhourly1.0https://facebook.github.io/react-native/docs/next/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/next/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/next/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/next/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/next/hermeshourly1.0https://facebook.github.io/react-native/docs/next/image-style-propshourly1.0https://facebook.github.io/react-native/docs/next/imagehourly1.0https://facebook.github.io/react-native/docs/next/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/next/imageeditorhourly1.0https://facebook.github.io/react-native/docs/next/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/next/imageshourly1.0https://facebook.github.io/react-native/docs/next/improvinguxhourly1.0https://facebook.github.io/react-native/docs/next/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/next/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/next/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/next/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/next/keyboardhourly1.0https://facebook.github.io/react-native/docs/next/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/next/layout-propshourly1.0https://facebook.github.io/react-native/docs/next/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/next/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/next/linkinghourly1.0https://facebook.github.io/react-native/docs/next/modalhourly1.0https://facebook.github.io/react-native/docs/next/more-resourceshourly1.0https://facebook.github.io/react-native/docs/next/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/next/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/next/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/next/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/next/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/next/navigationhourly1.0https://facebook.github.io/react-native/docs/next/networkhourly1.0https://facebook.github.io/react-native/docs/next/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/next/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/next/panresponderhourly1.0https://facebook.github.io/react-native/docs/next/performancehourly1.0https://facebook.github.io/react-native/docs/next/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/next/picker-itemhourly1.0https://facebook.github.io/react-native/docs/next/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/next/pickerhourly1.0https://facebook.github.io/react-native/docs/next/pickerioshourly1.0https://facebook.github.io/react-native/docs/next/pixelratiohourly1.0https://facebook.github.io/react-native/docs/next/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/next/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/next/progressviewioshourly1.0https://facebook.github.io/react-native/docs/next/propshourly1.0https://facebook.github.io/react-native/docs/next/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/next/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/next/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/next/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/next/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/next/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/next/scrollviewhourly1.0https://facebook.github.io/react-native/docs/next/sectionlisthourly1.0https://facebook.github.io/react-native/docs/next/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/next/settingshourly1.0https://facebook.github.io/react-native/docs/next/shadow-propshourly1.0https://facebook.github.io/react-native/docs/next/sharehourly1.0https://facebook.github.io/react-native/docs/next/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/next/sliderhourly1.0https://facebook.github.io/react-native/docs/next/statehourly1.0https://facebook.github.io/react-native/docs/next/statusbarhourly1.0https://facebook.github.io/react-native/docs/next/statusbarioshourly1.0https://facebook.github.io/react-native/docs/next/stylehourly1.0https://facebook.github.io/react-native/docs/next/stylesheethourly1.0https://facebook.github.io/react-native/docs/next/switchhourly1.0https://facebook.github.io/react-native/docs/next/systracehourly1.0https://facebook.github.io/react-native/docs/next/text-style-propshourly1.0https://facebook.github.io/react-native/docs/next/texthourly1.0https://facebook.github.io/react-native/docs/next/textinputhourly1.0https://facebook.github.io/react-native/docs/next/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/next/timershourly1.0https://facebook.github.io/react-native/docs/next/toastandroidhourly1.0https://facebook.github.io/react-native/docs/next/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/next/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/next/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/next/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/next/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/next/transformshourly1.0https://facebook.github.io/react-native/docs/next/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/next/tutorialhourly1.0https://facebook.github.io/react-native/docs/next/typescripthourly1.0https://facebook.github.io/react-native/docs/next/upgradinghourly1.0https://facebook.github.io/react-native/docs/next/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/next/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/next/vibrationhourly1.0https://facebook.github.io/react-native/docs/next/view-style-propshourly1.0https://facebook.github.io/react-native/docs/next/viewhourly1.0https://facebook.github.io/react-native/docs/next/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/next/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/modalhourly1.0https://facebook.github.io/react-native/docs/texthourly1.0https://facebook.github.io/react-native/docs/textinputhourly1.0https://facebook.github.io/react-native/docs/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/imagehourly1.0https://facebook.github.io/react-native/docs/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/scrollviewhourly1.0https://facebook.github.io/react-native/docs/toastandroidhourly1.0https://facebook.github.io/react-native/docs/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/animatedhourly1.0https://facebook.github.io/react-native/docs/easinghourly1.0https://facebook.github.io/react-native/docs/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/transformshourly1.0https://facebook.github.io/react-native/docs/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/switchhourly1.0https://facebook.github.io/react-native/docs/view-style-propshourly1.0https://facebook.github.io/react-native/docs/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/camerarollhourly1.0https://facebook.github.io/react-native/docs/geolocationhourly1.0https://facebook.github.io/react-native/docs/webviewhourly1.0https://facebook.github.io/react-native/docs/datepickerioshourly1.0https://facebook.github.io/react-native/docs/layout-propshourly1.0https://facebook.github.io/react-native/docs/progressviewioshourly1.0https://facebook.github.io/react-native/docs/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/tabbarioshourly1.0https://facebook.github.io/react-native/docs/navigatorioshourly1.0https://facebook.github.io/react-native/docs/netinfohourly1.0https://facebook.github.io/react-native/docs/dimensionshourly1.0https://facebook.github.io/react-native/docs/image-style-propshourly1.0https://facebook.github.io/react-native/docs/imageeditorhourly1.0https://facebook.github.io/react-native/docs/imagestorehourly1.0https://facebook.github.io/react-native/docs/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/text-style-propshourly1.0https://facebook.github.io/react-native/docs/appstatehourly1.0https://facebook.github.io/react-native/docs/pickerhourly1.0https://facebook.github.io/react-native/docs/pixelratiohourly1.0https://facebook.github.io/react-native/docs/stylesheethourly1.0https://facebook.github.io/react-native/docs/clipboardhourly1.0https://facebook.github.io/react-native/docs/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/linkinghourly1.0https://facebook.github.io/react-native/docs/statusbarhourly1.0https://facebook.github.io/react-native/docs/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/statusbarioshourly1.0https://facebook.github.io/react-native/docs/vibrationhourly1.0https://facebook.github.io/react-native/docs/vibrationioshourly1.0https://facebook.github.io/react-native/docs/sliderhourly1.0https://facebook.github.io/react-native/docs/panresponderhourly1.0https://facebook.github.io/react-native/docs/pickerioshourly1.0https://facebook.github.io/react-native/docs/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/shadow-propshourly1.0https://facebook.github.io/react-native/docs/sharehourly1.0https://facebook.github.io/react-native/docs/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/keyboardhourly1.0https://facebook.github.io/react-native/docs/alerthourly1.0https://facebook.github.io/react-native/docs/alertioshourly1.0https://facebook.github.io/react-native/docs/appregistryhourly1.0https://facebook.github.io/react-native/docs/buttonhourly1.0https://facebook.github.io/react-native/docs/systracehourly1.0https://facebook.github.io/react-native/docs/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/backandroidhourly1.0https://facebook.github.io/react-native/docs/backhandlerhourly1.0https://facebook.github.io/react-native/docs/flatlisthourly1.0https://facebook.github.io/react-native/docs/listviewhourly1.0https://facebook.github.io/react-native/docs/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/navigatorhourly1.0https://facebook.github.io/react-native/docs/sectionlisthourly1.0https://facebook.github.io/react-native/docs/viewhourly1.0https://facebook.github.io/react-native/docs/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/accessibilityhourly1.0https://facebook.github.io/react-native/docs/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/animationshourly1.0https://facebook.github.io/react-native/docs/app-extensionshourly1.0https://facebook.github.io/react-native/docs/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/checkboxhourly1.0https://facebook.github.io/react-native/docs/colorshourly1.0https://facebook.github.io/react-native/docs/communication-androidhourly1.0https://facebook.github.io/react-native/docs/communication-ioshourly1.0https://facebook.github.io/react-native/docs/components-and-apishourly1.0https://facebook.github.io/react-native/docs/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/debugginghourly1.0https://facebook.github.io/react-native/docs/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/flexboxhourly1.0https://facebook.github.io/react-native/docs/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/getting-startedhourly1.0https://facebook.github.io/react-native/docs/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/imageshourly1.0https://facebook.github.io/react-native/docs/improvinguxhourly1.0https://facebook.github.io/react-native/docs/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/more-resourceshourly1.0https://facebook.github.io/react-native/docs/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/navigationhourly1.0https://facebook.github.io/react-native/docs/networkhourly1.0https://facebook.github.io/react-native/docs/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/performancehourly1.0https://facebook.github.io/react-native/docs/picker-itemhourly1.0https://facebook.github.io/react-native/docs/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/propshourly1.0https://facebook.github.io/react-native/docs/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/settingshourly1.0https://facebook.github.io/react-native/docs/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/statehourly1.0https://facebook.github.io/react-native/docs/stylehourly1.0https://facebook.github.io/react-native/docs/timershourly1.0https://facebook.github.io/react-native/docs/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/tutorialhourly1.0https://facebook.github.io/react-native/docs/upgradinghourly1.0https://facebook.github.io/react-native/docs/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/publishing-forkshourly1.0https://facebook.github.io/react-native/docs/hermeshourly1.0https://facebook.github.io/react-native/docs/typescripthourly1.0https://facebook.github.io/react-native/docs/0.59/modalhourly1.0https://facebook.github.io/react-native/docs/0.59/texthourly1.0https://facebook.github.io/react-native/docs/0.59/textinputhourly1.0https://facebook.github.io/react-native/docs/0.59/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/imagehourly1.0https://facebook.github.io/react-native/docs/0.59/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.59/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.59/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.59/animatedhourly1.0https://facebook.github.io/react-native/docs/0.59/easinghourly1.0https://facebook.github.io/react-native/docs/0.59/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.59/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.59/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.59/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.59/transformshourly1.0https://facebook.github.io/react-native/docs/0.59/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.59/switchhourly1.0https://facebook.github.io/react-native/docs/0.59/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.59/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.59/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.59/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.59/webviewhourly1.0https://facebook.github.io/react-native/docs/0.59/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.59/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.59/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.59/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.59/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.59/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.59/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.59/netinfohourly1.0https://facebook.github.io/react-native/docs/0.59/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.59/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.59/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.59/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.59/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.59/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/appstatehourly1.0https://facebook.github.io/react-native/docs/0.59/pickerhourly1.0https://facebook.github.io/react-native/docs/0.59/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.59/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.59/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.59/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/linkinghourly1.0https://facebook.github.io/react-native/docs/0.59/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.59/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.59/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.59/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.59/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.59/sliderhourly1.0https://facebook.github.io/react-native/docs/0.59/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.59/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.59/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.59/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.59/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.59/sharehourly1.0https://facebook.github.io/react-native/docs/0.59/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.59/alerthourly1.0https://facebook.github.io/react-native/docs/0.59/alertioshourly1.0https://facebook.github.io/react-native/docs/0.59/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.59/buttonhourly1.0https://facebook.github.io/react-native/docs/0.59/systracehourly1.0https://facebook.github.io/react-native/docs/0.59/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.59/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.59/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.59/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.59/listviewhourly1.0https://facebook.github.io/react-native/docs/0.59/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.59/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.59/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.59/viewhourly1.0https://facebook.github.io/react-native/docs/0.59/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.59/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.59/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.59/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.59/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.59/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.59/animationshourly1.0https://facebook.github.io/react-native/docs/0.59/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.59/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.59/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.59/colorshourly1.0https://facebook.github.io/react-native/docs/0.59/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.59/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/debugginghourly1.0https://facebook.github.io/react-native/docs/0.59/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.59/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.59/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.59/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.59/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.59/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.59/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.59/imageshourly1.0https://facebook.github.io/react-native/docs/0.59/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.59/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.59/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.59/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.59/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.59/navigationhourly1.0https://facebook.github.io/react-native/docs/0.59/networkhourly1.0https://facebook.github.io/react-native/docs/0.59/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.59/performancehourly1.0https://facebook.github.io/react-native/docs/0.59/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.59/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.59/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.59/propshourly1.0https://facebook.github.io/react-native/docs/0.59/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.59/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.59/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.59/settingshourly1.0https://facebook.github.io/react-native/docs/0.59/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.59/statehourly1.0https://facebook.github.io/react-native/docs/0.59/stylehourly1.0https://facebook.github.io/react-native/docs/0.59/timershourly1.0https://facebook.github.io/react-native/docs/0.59/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.59/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.59/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.59/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.59/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.59/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.59/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.59/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/0.59/publishing-forkshourly1.0https://facebook.github.io/react-native/docs/0.58/modalhourly1.0https://facebook.github.io/react-native/docs/0.58/texthourly1.0https://facebook.github.io/react-native/docs/0.58/textinputhourly1.0https://facebook.github.io/react-native/docs/0.58/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/imagehourly1.0https://facebook.github.io/react-native/docs/0.58/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.58/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.58/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.58/animatedhourly1.0https://facebook.github.io/react-native/docs/0.58/easinghourly1.0https://facebook.github.io/react-native/docs/0.58/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.58/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.58/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.58/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.58/transformshourly1.0https://facebook.github.io/react-native/docs/0.58/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.58/switchhourly1.0https://facebook.github.io/react-native/docs/0.58/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.58/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.58/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.58/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.58/webviewhourly1.0https://facebook.github.io/react-native/docs/0.58/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.58/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.58/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.58/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.58/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.58/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.58/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.58/netinfohourly1.0https://facebook.github.io/react-native/docs/0.58/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.58/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.58/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.58/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.58/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.58/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/appstatehourly1.0https://facebook.github.io/react-native/docs/0.58/pickerhourly1.0https://facebook.github.io/react-native/docs/0.58/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.58/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.58/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.58/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/linkinghourly1.0https://facebook.github.io/react-native/docs/0.58/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.58/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.58/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.58/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.58/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.58/sliderhourly1.0https://facebook.github.io/react-native/docs/0.58/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.58/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.58/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.58/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.58/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.58/sharehourly1.0https://facebook.github.io/react-native/docs/0.58/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.58/alerthourly1.0https://facebook.github.io/react-native/docs/0.58/alertioshourly1.0https://facebook.github.io/react-native/docs/0.58/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.58/buttonhourly1.0https://facebook.github.io/react-native/docs/0.58/systracehourly1.0https://facebook.github.io/react-native/docs/0.58/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.58/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.58/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.58/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.58/listviewhourly1.0https://facebook.github.io/react-native/docs/0.58/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.58/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.58/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.58/viewhourly1.0https://facebook.github.io/react-native/docs/0.58/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.58/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.58/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.58/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.58/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.58/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.58/animationshourly1.0https://facebook.github.io/react-native/docs/0.58/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.58/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.58/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.58/colorshourly1.0https://facebook.github.io/react-native/docs/0.58/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.58/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/debugginghourly1.0https://facebook.github.io/react-native/docs/0.58/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.58/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.58/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.58/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.58/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.58/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.58/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.58/imageshourly1.0https://facebook.github.io/react-native/docs/0.58/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.58/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.58/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.58/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.58/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.58/navigationhourly1.0https://facebook.github.io/react-native/docs/0.58/networkhourly1.0https://facebook.github.io/react-native/docs/0.58/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.58/performancehourly1.0https://facebook.github.io/react-native/docs/0.58/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.58/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.58/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.58/propshourly1.0https://facebook.github.io/react-native/docs/0.58/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.58/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.58/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.58/settingshourly1.0https://facebook.github.io/react-native/docs/0.58/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.58/statehourly1.0https://facebook.github.io/react-native/docs/0.58/stylehourly1.0https://facebook.github.io/react-native/docs/0.58/timershourly1.0https://facebook.github.io/react-native/docs/0.58/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.58/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.58/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.58/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.58/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.58/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.58/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.58/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/0.57/modalhourly1.0https://facebook.github.io/react-native/docs/0.57/texthourly1.0https://facebook.github.io/react-native/docs/0.57/textinputhourly1.0https://facebook.github.io/react-native/docs/0.57/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/imagehourly1.0https://facebook.github.io/react-native/docs/0.57/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.57/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.57/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.57/animatedhourly1.0https://facebook.github.io/react-native/docs/0.57/easinghourly1.0https://facebook.github.io/react-native/docs/0.57/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.57/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.57/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.57/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.57/transformshourly1.0https://facebook.github.io/react-native/docs/0.57/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.57/switchhourly1.0https://facebook.github.io/react-native/docs/0.57/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.57/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.57/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.57/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.57/webviewhourly1.0https://facebook.github.io/react-native/docs/0.57/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.57/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.57/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.57/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.57/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.57/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.57/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.57/netinfohourly1.0https://facebook.github.io/react-native/docs/0.57/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.57/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.57/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.57/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.57/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.57/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/appstatehourly1.0https://facebook.github.io/react-native/docs/0.57/pickerhourly1.0https://facebook.github.io/react-native/docs/0.57/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.57/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.57/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.57/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/linkinghourly1.0https://facebook.github.io/react-native/docs/0.57/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.57/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.57/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.57/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.57/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.57/sliderhourly1.0https://facebook.github.io/react-native/docs/0.57/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.57/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.57/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.57/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.57/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.57/sharehourly1.0https://facebook.github.io/react-native/docs/0.57/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.57/alerthourly1.0https://facebook.github.io/react-native/docs/0.57/alertioshourly1.0https://facebook.github.io/react-native/docs/0.57/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.57/buttonhourly1.0https://facebook.github.io/react-native/docs/0.57/systracehourly1.0https://facebook.github.io/react-native/docs/0.57/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.57/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.57/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.57/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.57/listviewhourly1.0https://facebook.github.io/react-native/docs/0.57/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.57/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.57/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.57/viewhourly1.0https://facebook.github.io/react-native/docs/0.57/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.57/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.57/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.57/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.57/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.57/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.57/animationshourly1.0https://facebook.github.io/react-native/docs/0.57/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.57/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.57/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.57/colorshourly1.0https://facebook.github.io/react-native/docs/0.57/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.57/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/debugginghourly1.0https://facebook.github.io/react-native/docs/0.57/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.57/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.57/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.57/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.57/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.57/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.57/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.57/imageshourly1.0https://facebook.github.io/react-native/docs/0.57/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.57/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.57/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.57/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.57/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.57/navigationhourly1.0https://facebook.github.io/react-native/docs/0.57/networkhourly1.0https://facebook.github.io/react-native/docs/0.57/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.57/performancehourly1.0https://facebook.github.io/react-native/docs/0.57/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.57/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.57/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.57/propshourly1.0https://facebook.github.io/react-native/docs/0.57/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.57/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.57/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.57/settingshourly1.0https://facebook.github.io/react-native/docs/0.57/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.57/statehourly1.0https://facebook.github.io/react-native/docs/0.57/stylehourly1.0https://facebook.github.io/react-native/docs/0.57/timershourly1.0https://facebook.github.io/react-native/docs/0.57/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.57/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.57/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.57/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.57/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.57/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.57/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.57/out-of-tree-platformshourly1.0https://facebook.github.io/react-native/docs/0.56/modalhourly1.0https://facebook.github.io/react-native/docs/0.56/texthourly1.0https://facebook.github.io/react-native/docs/0.56/textinputhourly1.0https://facebook.github.io/react-native/docs/0.56/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/imagehourly1.0https://facebook.github.io/react-native/docs/0.56/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.56/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.56/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.56/animatedhourly1.0https://facebook.github.io/react-native/docs/0.56/easinghourly1.0https://facebook.github.io/react-native/docs/0.56/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.56/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.56/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.56/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.56/transformshourly1.0https://facebook.github.io/react-native/docs/0.56/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.56/switchhourly1.0https://facebook.github.io/react-native/docs/0.56/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.56/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.56/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.56/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.56/webviewhourly1.0https://facebook.github.io/react-native/docs/0.56/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.56/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.56/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.56/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.56/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.56/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.56/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.56/netinfohourly1.0https://facebook.github.io/react-native/docs/0.56/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.56/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.56/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.56/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.56/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.56/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/appstatehourly1.0https://facebook.github.io/react-native/docs/0.56/pickerhourly1.0https://facebook.github.io/react-native/docs/0.56/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.56/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.56/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.56/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/linkinghourly1.0https://facebook.github.io/react-native/docs/0.56/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.56/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.56/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.56/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.56/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.56/sliderhourly1.0https://facebook.github.io/react-native/docs/0.56/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.56/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.56/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.56/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.56/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.56/sharehourly1.0https://facebook.github.io/react-native/docs/0.56/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.56/alerthourly1.0https://facebook.github.io/react-native/docs/0.56/alertioshourly1.0https://facebook.github.io/react-native/docs/0.56/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.56/buttonhourly1.0https://facebook.github.io/react-native/docs/0.56/systracehourly1.0https://facebook.github.io/react-native/docs/0.56/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.56/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.56/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.56/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.56/listviewhourly1.0https://facebook.github.io/react-native/docs/0.56/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.56/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.56/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.56/viewhourly1.0https://facebook.github.io/react-native/docs/0.56/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.56/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.56/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.56/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.56/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.56/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.56/animationshourly1.0https://facebook.github.io/react-native/docs/0.56/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.56/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.56/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.56/colorshourly1.0https://facebook.github.io/react-native/docs/0.56/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.56/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/debugginghourly1.0https://facebook.github.io/react-native/docs/0.56/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.56/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.56/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.56/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.56/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.56/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.56/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.56/imageshourly1.0https://facebook.github.io/react-native/docs/0.56/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.56/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.56/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.56/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.56/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.56/navigationhourly1.0https://facebook.github.io/react-native/docs/0.56/networkhourly1.0https://facebook.github.io/react-native/docs/0.56/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.56/performancehourly1.0https://facebook.github.io/react-native/docs/0.56/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.56/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.56/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.56/propshourly1.0https://facebook.github.io/react-native/docs/0.56/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.56/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.56/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.56/settingshourly1.0https://facebook.github.io/react-native/docs/0.56/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.56/statehourly1.0https://facebook.github.io/react-native/docs/0.56/stylehourly1.0https://facebook.github.io/react-native/docs/0.56/timershourly1.0https://facebook.github.io/react-native/docs/0.56/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.56/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.56/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.56/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.56/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.56/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.56/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.55/modalhourly1.0https://facebook.github.io/react-native/docs/0.55/texthourly1.0https://facebook.github.io/react-native/docs/0.55/textinputhourly1.0https://facebook.github.io/react-native/docs/0.55/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/imagehourly1.0https://facebook.github.io/react-native/docs/0.55/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.55/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.55/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.55/animatedhourly1.0https://facebook.github.io/react-native/docs/0.55/easinghourly1.0https://facebook.github.io/react-native/docs/0.55/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.55/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.55/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.55/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.55/transformshourly1.0https://facebook.github.io/react-native/docs/0.55/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.55/switchhourly1.0https://facebook.github.io/react-native/docs/0.55/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.55/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.55/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.55/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.55/webviewhourly1.0https://facebook.github.io/react-native/docs/0.55/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.55/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.55/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.55/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.55/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.55/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.55/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.55/netinfohourly1.0https://facebook.github.io/react-native/docs/0.55/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.55/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.55/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.55/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.55/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.55/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/appstatehourly1.0https://facebook.github.io/react-native/docs/0.55/pickerhourly1.0https://facebook.github.io/react-native/docs/0.55/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.55/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.55/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.55/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/linkinghourly1.0https://facebook.github.io/react-native/docs/0.55/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.55/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.55/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.55/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.55/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.55/sliderhourly1.0https://facebook.github.io/react-native/docs/0.55/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.55/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.55/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.55/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.55/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.55/sharehourly1.0https://facebook.github.io/react-native/docs/0.55/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.55/alerthourly1.0https://facebook.github.io/react-native/docs/0.55/alertioshourly1.0https://facebook.github.io/react-native/docs/0.55/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.55/buttonhourly1.0https://facebook.github.io/react-native/docs/0.55/systracehourly1.0https://facebook.github.io/react-native/docs/0.55/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.55/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.55/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.55/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.55/listviewhourly1.0https://facebook.github.io/react-native/docs/0.55/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.55/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.55/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.55/viewhourly1.0https://facebook.github.io/react-native/docs/0.55/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.55/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.55/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.55/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.55/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.55/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.55/animationshourly1.0https://facebook.github.io/react-native/docs/0.55/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.55/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.55/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.55/colorshourly1.0https://facebook.github.io/react-native/docs/0.55/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.55/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/debugginghourly1.0https://facebook.github.io/react-native/docs/0.55/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.55/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.55/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.55/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.55/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.55/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.55/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.55/imageshourly1.0https://facebook.github.io/react-native/docs/0.55/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.55/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.55/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.55/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.55/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.55/navigationhourly1.0https://facebook.github.io/react-native/docs/0.55/networkhourly1.0https://facebook.github.io/react-native/docs/0.55/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.55/performancehourly1.0https://facebook.github.io/react-native/docs/0.55/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.55/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.55/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.55/propshourly1.0https://facebook.github.io/react-native/docs/0.55/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.55/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.55/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.55/settingshourly1.0https://facebook.github.io/react-native/docs/0.55/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.55/statehourly1.0https://facebook.github.io/react-native/docs/0.55/stylehourly1.0https://facebook.github.io/react-native/docs/0.55/timershourly1.0https://facebook.github.io/react-native/docs/0.55/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.55/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.55/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.55/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.55/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.55/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.55/inputaccessoryviewhourly1.0https://facebook.github.io/react-native/docs/0.54/modalhourly1.0https://facebook.github.io/react-native/docs/0.54/texthourly1.0https://facebook.github.io/react-native/docs/0.54/textinputhourly1.0https://facebook.github.io/react-native/docs/0.54/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/imagehourly1.0https://facebook.github.io/react-native/docs/0.54/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.54/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.54/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.54/animatedhourly1.0https://facebook.github.io/react-native/docs/0.54/easinghourly1.0https://facebook.github.io/react-native/docs/0.54/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.54/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.54/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.54/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.54/transformshourly1.0https://facebook.github.io/react-native/docs/0.54/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.54/switchhourly1.0https://facebook.github.io/react-native/docs/0.54/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.54/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.54/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.54/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.54/webviewhourly1.0https://facebook.github.io/react-native/docs/0.54/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.54/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.54/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.54/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.54/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.54/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.54/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.54/netinfohourly1.0https://facebook.github.io/react-native/docs/0.54/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.54/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.54/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.54/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.54/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.54/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/appstatehourly1.0https://facebook.github.io/react-native/docs/0.54/pickerhourly1.0https://facebook.github.io/react-native/docs/0.54/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.54/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.54/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.54/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/linkinghourly1.0https://facebook.github.io/react-native/docs/0.54/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.54/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.54/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.54/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.54/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.54/sliderhourly1.0https://facebook.github.io/react-native/docs/0.54/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.54/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.54/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.54/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.54/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.54/sharehourly1.0https://facebook.github.io/react-native/docs/0.54/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.54/alerthourly1.0https://facebook.github.io/react-native/docs/0.54/alertioshourly1.0https://facebook.github.io/react-native/docs/0.54/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.54/buttonhourly1.0https://facebook.github.io/react-native/docs/0.54/systracehourly1.0https://facebook.github.io/react-native/docs/0.54/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.54/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.54/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.54/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.54/listviewhourly1.0https://facebook.github.io/react-native/docs/0.54/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.54/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.54/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.54/viewhourly1.0https://facebook.github.io/react-native/docs/0.54/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.54/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.54/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.54/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.54/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.54/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.54/animationshourly1.0https://facebook.github.io/react-native/docs/0.54/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.54/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.54/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.54/colorshourly1.0https://facebook.github.io/react-native/docs/0.54/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.54/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/debugginghourly1.0https://facebook.github.io/react-native/docs/0.54/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.54/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.54/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.54/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.54/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.54/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.54/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.54/imageshourly1.0https://facebook.github.io/react-native/docs/0.54/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.54/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.54/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.54/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.54/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.54/navigationhourly1.0https://facebook.github.io/react-native/docs/0.54/networkhourly1.0https://facebook.github.io/react-native/docs/0.54/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.54/performancehourly1.0https://facebook.github.io/react-native/docs/0.54/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.54/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.54/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.54/propshourly1.0https://facebook.github.io/react-native/docs/0.54/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.54/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.54/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.54/settingshourly1.0https://facebook.github.io/react-native/docs/0.54/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.54/statehourly1.0https://facebook.github.io/react-native/docs/0.54/stylehourly1.0https://facebook.github.io/react-native/docs/0.54/timershourly1.0https://facebook.github.io/react-native/docs/0.54/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.54/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.54/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.54/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.54/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.54/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.53/modalhourly1.0https://facebook.github.io/react-native/docs/0.53/texthourly1.0https://facebook.github.io/react-native/docs/0.53/textinputhourly1.0https://facebook.github.io/react-native/docs/0.53/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/imagehourly1.0https://facebook.github.io/react-native/docs/0.53/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.53/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.53/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.53/animatedhourly1.0https://facebook.github.io/react-native/docs/0.53/easinghourly1.0https://facebook.github.io/react-native/docs/0.53/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.53/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.53/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.53/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.53/transformshourly1.0https://facebook.github.io/react-native/docs/0.53/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.53/switchhourly1.0https://facebook.github.io/react-native/docs/0.53/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.53/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.53/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.53/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.53/webviewhourly1.0https://facebook.github.io/react-native/docs/0.53/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.53/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.53/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.53/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.53/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.53/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.53/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.53/netinfohourly1.0https://facebook.github.io/react-native/docs/0.53/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.53/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.53/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.53/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.53/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.53/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/appstatehourly1.0https://facebook.github.io/react-native/docs/0.53/pickerhourly1.0https://facebook.github.io/react-native/docs/0.53/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.53/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.53/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.53/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/linkinghourly1.0https://facebook.github.io/react-native/docs/0.53/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.53/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.53/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.53/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.53/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.53/sliderhourly1.0https://facebook.github.io/react-native/docs/0.53/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.53/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.53/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.53/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.53/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.53/sharehourly1.0https://facebook.github.io/react-native/docs/0.53/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.53/alerthourly1.0https://facebook.github.io/react-native/docs/0.53/alertioshourly1.0https://facebook.github.io/react-native/docs/0.53/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.53/buttonhourly1.0https://facebook.github.io/react-native/docs/0.53/systracehourly1.0https://facebook.github.io/react-native/docs/0.53/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.53/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.53/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.53/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.53/listviewhourly1.0https://facebook.github.io/react-native/docs/0.53/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.53/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.53/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.53/viewhourly1.0https://facebook.github.io/react-native/docs/0.53/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.53/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.53/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.53/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.53/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.53/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.53/animationshourly1.0https://facebook.github.io/react-native/docs/0.53/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.53/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.53/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.53/colorshourly1.0https://facebook.github.io/react-native/docs/0.53/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.53/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/debugginghourly1.0https://facebook.github.io/react-native/docs/0.53/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.53/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.53/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.53/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.53/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.53/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.53/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.53/imageshourly1.0https://facebook.github.io/react-native/docs/0.53/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.53/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.53/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.53/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.53/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.53/navigationhourly1.0https://facebook.github.io/react-native/docs/0.53/networkhourly1.0https://facebook.github.io/react-native/docs/0.53/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.53/performancehourly1.0https://facebook.github.io/react-native/docs/0.53/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.53/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.53/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.53/propshourly1.0https://facebook.github.io/react-native/docs/0.53/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.53/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.53/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.53/settingshourly1.0https://facebook.github.io/react-native/docs/0.53/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.53/statehourly1.0https://facebook.github.io/react-native/docs/0.53/stylehourly1.0https://facebook.github.io/react-native/docs/0.53/timershourly1.0https://facebook.github.io/react-native/docs/0.53/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.53/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.53/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.53/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.53/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.53/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.52/modalhourly1.0https://facebook.github.io/react-native/docs/0.52/texthourly1.0https://facebook.github.io/react-native/docs/0.52/textinputhourly1.0https://facebook.github.io/react-native/docs/0.52/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/imagehourly1.0https://facebook.github.io/react-native/docs/0.52/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.52/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.52/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.52/animatedhourly1.0https://facebook.github.io/react-native/docs/0.52/easinghourly1.0https://facebook.github.io/react-native/docs/0.52/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.52/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.52/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.52/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.52/transformshourly1.0https://facebook.github.io/react-native/docs/0.52/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.52/switchhourly1.0https://facebook.github.io/react-native/docs/0.52/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.52/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.52/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.52/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.52/webviewhourly1.0https://facebook.github.io/react-native/docs/0.52/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.52/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.52/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.52/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.52/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.52/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.52/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.52/netinfohourly1.0https://facebook.github.io/react-native/docs/0.52/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.52/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.52/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.52/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.52/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.52/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/appstatehourly1.0https://facebook.github.io/react-native/docs/0.52/pickerhourly1.0https://facebook.github.io/react-native/docs/0.52/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.52/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.52/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.52/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/linkinghourly1.0https://facebook.github.io/react-native/docs/0.52/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.52/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.52/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.52/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.52/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.52/sliderhourly1.0https://facebook.github.io/react-native/docs/0.52/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.52/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.52/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.52/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.52/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.52/sharehourly1.0https://facebook.github.io/react-native/docs/0.52/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.52/alerthourly1.0https://facebook.github.io/react-native/docs/0.52/alertioshourly1.0https://facebook.github.io/react-native/docs/0.52/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.52/buttonhourly1.0https://facebook.github.io/react-native/docs/0.52/systracehourly1.0https://facebook.github.io/react-native/docs/0.52/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.52/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.52/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.52/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.52/listviewhourly1.0https://facebook.github.io/react-native/docs/0.52/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.52/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.52/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.52/viewhourly1.0https://facebook.github.io/react-native/docs/0.52/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.52/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.52/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.52/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.52/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.52/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.52/animationshourly1.0https://facebook.github.io/react-native/docs/0.52/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.52/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.52/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.52/colorshourly1.0https://facebook.github.io/react-native/docs/0.52/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.52/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/debugginghourly1.0https://facebook.github.io/react-native/docs/0.52/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.52/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.52/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.52/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.52/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.52/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.52/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.52/imageshourly1.0https://facebook.github.io/react-native/docs/0.52/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.52/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.52/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.52/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.52/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.52/navigationhourly1.0https://facebook.github.io/react-native/docs/0.52/networkhourly1.0https://facebook.github.io/react-native/docs/0.52/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.52/performancehourly1.0https://facebook.github.io/react-native/docs/0.52/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.52/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.52/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.52/propshourly1.0https://facebook.github.io/react-native/docs/0.52/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.52/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.52/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.52/settingshourly1.0https://facebook.github.io/react-native/docs/0.52/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.52/statehourly1.0https://facebook.github.io/react-native/docs/0.52/stylehourly1.0https://facebook.github.io/react-native/docs/0.52/timershourly1.0https://facebook.github.io/react-native/docs/0.52/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.52/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.52/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.52/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.52/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.52/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.51/modalhourly1.0https://facebook.github.io/react-native/docs/0.51/texthourly1.0https://facebook.github.io/react-native/docs/0.51/textinputhourly1.0https://facebook.github.io/react-native/docs/0.51/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/imagehourly1.0https://facebook.github.io/react-native/docs/0.51/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.51/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.51/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.51/animatedhourly1.0https://facebook.github.io/react-native/docs/0.51/easinghourly1.0https://facebook.github.io/react-native/docs/0.51/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.51/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.51/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.51/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.51/transformshourly1.0https://facebook.github.io/react-native/docs/0.51/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.51/switchhourly1.0https://facebook.github.io/react-native/docs/0.51/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.51/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.51/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.51/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.51/webviewhourly1.0https://facebook.github.io/react-native/docs/0.51/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.51/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.51/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.51/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.51/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.51/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.51/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.51/netinfohourly1.0https://facebook.github.io/react-native/docs/0.51/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.51/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.51/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.51/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.51/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.51/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/appstatehourly1.0https://facebook.github.io/react-native/docs/0.51/pickerhourly1.0https://facebook.github.io/react-native/docs/0.51/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.51/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.51/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.51/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/linkinghourly1.0https://facebook.github.io/react-native/docs/0.51/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.51/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.51/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.51/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.51/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.51/sliderhourly1.0https://facebook.github.io/react-native/docs/0.51/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.51/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.51/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.51/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.51/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.51/sharehourly1.0https://facebook.github.io/react-native/docs/0.51/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.51/alerthourly1.0https://facebook.github.io/react-native/docs/0.51/alertioshourly1.0https://facebook.github.io/react-native/docs/0.51/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.51/buttonhourly1.0https://facebook.github.io/react-native/docs/0.51/systracehourly1.0https://facebook.github.io/react-native/docs/0.51/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.51/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.51/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.51/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.51/listviewhourly1.0https://facebook.github.io/react-native/docs/0.51/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.51/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.51/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.51/viewhourly1.0https://facebook.github.io/react-native/docs/0.51/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.51/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.51/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.51/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.51/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.51/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.51/animationshourly1.0https://facebook.github.io/react-native/docs/0.51/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.51/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.51/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.51/colorshourly1.0https://facebook.github.io/react-native/docs/0.51/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.51/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/debugginghourly1.0https://facebook.github.io/react-native/docs/0.51/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.51/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.51/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.51/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.51/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.51/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.51/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.51/imageshourly1.0https://facebook.github.io/react-native/docs/0.51/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.51/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.51/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.51/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.51/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.51/navigationhourly1.0https://facebook.github.io/react-native/docs/0.51/networkhourly1.0https://facebook.github.io/react-native/docs/0.51/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.51/performancehourly1.0https://facebook.github.io/react-native/docs/0.51/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.51/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.51/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.51/propshourly1.0https://facebook.github.io/react-native/docs/0.51/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.51/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.51/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.51/settingshourly1.0https://facebook.github.io/react-native/docs/0.51/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.51/statehourly1.0https://facebook.github.io/react-native/docs/0.51/stylehourly1.0https://facebook.github.io/react-native/docs/0.51/timershourly1.0https://facebook.github.io/react-native/docs/0.51/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.51/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.51/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.51/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.51/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.51/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.50/modalhourly1.0https://facebook.github.io/react-native/docs/0.50/texthourly1.0https://facebook.github.io/react-native/docs/0.50/textinputhourly1.0https://facebook.github.io/react-native/docs/0.50/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/imagehourly1.0https://facebook.github.io/react-native/docs/0.50/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.50/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.50/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.50/animatedhourly1.0https://facebook.github.io/react-native/docs/0.50/easinghourly1.0https://facebook.github.io/react-native/docs/0.50/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.50/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.50/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.50/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.50/transformshourly1.0https://facebook.github.io/react-native/docs/0.50/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.50/switchhourly1.0https://facebook.github.io/react-native/docs/0.50/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.50/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.50/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.50/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.50/webviewhourly1.0https://facebook.github.io/react-native/docs/0.50/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.50/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.50/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.50/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.50/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.50/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.50/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.50/netinfohourly1.0https://facebook.github.io/react-native/docs/0.50/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.50/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.50/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.50/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.50/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.50/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/appstatehourly1.0https://facebook.github.io/react-native/docs/0.50/pickerhourly1.0https://facebook.github.io/react-native/docs/0.50/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.50/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.50/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.50/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/linkinghourly1.0https://facebook.github.io/react-native/docs/0.50/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.50/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.50/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.50/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.50/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.50/sliderhourly1.0https://facebook.github.io/react-native/docs/0.50/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.50/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.50/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.50/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.50/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.50/sharehourly1.0https://facebook.github.io/react-native/docs/0.50/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.50/alerthourly1.0https://facebook.github.io/react-native/docs/0.50/alertioshourly1.0https://facebook.github.io/react-native/docs/0.50/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.50/buttonhourly1.0https://facebook.github.io/react-native/docs/0.50/systracehourly1.0https://facebook.github.io/react-native/docs/0.50/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.50/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.50/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.50/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.50/listviewhourly1.0https://facebook.github.io/react-native/docs/0.50/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.50/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.50/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.50/viewhourly1.0https://facebook.github.io/react-native/docs/0.50/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.50/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.50/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.50/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.50/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.50/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.50/animationshourly1.0https://facebook.github.io/react-native/docs/0.50/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.50/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.50/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.50/colorshourly1.0https://facebook.github.io/react-native/docs/0.50/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.50/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/debugginghourly1.0https://facebook.github.io/react-native/docs/0.50/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.50/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.50/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.50/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.50/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.50/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.50/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.50/imageshourly1.0https://facebook.github.io/react-native/docs/0.50/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.50/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.50/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.50/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.50/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.50/navigationhourly1.0https://facebook.github.io/react-native/docs/0.50/networkhourly1.0https://facebook.github.io/react-native/docs/0.50/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.50/performancehourly1.0https://facebook.github.io/react-native/docs/0.50/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.50/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.50/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.50/propshourly1.0https://facebook.github.io/react-native/docs/0.50/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.50/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.50/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.50/settingshourly1.0https://facebook.github.io/react-native/docs/0.50/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.50/statehourly1.0https://facebook.github.io/react-native/docs/0.50/stylehourly1.0https://facebook.github.io/react-native/docs/0.50/timershourly1.0https://facebook.github.io/react-native/docs/0.50/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.50/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.50/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.50/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.50/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.50/safeareaviewhourly1.0https://facebook.github.io/react-native/docs/0.49/modalhourly1.0https://facebook.github.io/react-native/docs/0.49/texthourly1.0https://facebook.github.io/react-native/docs/0.49/textinputhourly1.0https://facebook.github.io/react-native/docs/0.49/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/imagehourly1.0https://facebook.github.io/react-native/docs/0.49/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.49/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.49/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.49/animatedhourly1.0https://facebook.github.io/react-native/docs/0.49/easinghourly1.0https://facebook.github.io/react-native/docs/0.49/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.49/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.49/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.49/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.49/transformshourly1.0https://facebook.github.io/react-native/docs/0.49/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.49/switchhourly1.0https://facebook.github.io/react-native/docs/0.49/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.49/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.49/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.49/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.49/webviewhourly1.0https://facebook.github.io/react-native/docs/0.49/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.49/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.49/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.49/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.49/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.49/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.49/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.49/netinfohourly1.0https://facebook.github.io/react-native/docs/0.49/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.49/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.49/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.49/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.49/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.49/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/appstatehourly1.0https://facebook.github.io/react-native/docs/0.49/pickerhourly1.0https://facebook.github.io/react-native/docs/0.49/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.49/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.49/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.49/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/linkinghourly1.0https://facebook.github.io/react-native/docs/0.49/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.49/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.49/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.49/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.49/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.49/sliderhourly1.0https://facebook.github.io/react-native/docs/0.49/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.49/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.49/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.49/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.49/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.49/sharehourly1.0https://facebook.github.io/react-native/docs/0.49/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.49/alerthourly1.0https://facebook.github.io/react-native/docs/0.49/alertioshourly1.0https://facebook.github.io/react-native/docs/0.49/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.49/buttonhourly1.0https://facebook.github.io/react-native/docs/0.49/systracehourly1.0https://facebook.github.io/react-native/docs/0.49/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.49/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.49/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.49/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.49/listviewhourly1.0https://facebook.github.io/react-native/docs/0.49/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.49/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.49/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.49/viewhourly1.0https://facebook.github.io/react-native/docs/0.49/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.49/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.49/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.49/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.49/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.49/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.49/animationshourly1.0https://facebook.github.io/react-native/docs/0.49/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.49/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.49/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.49/colorshourly1.0https://facebook.github.io/react-native/docs/0.49/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.49/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/debugginghourly1.0https://facebook.github.io/react-native/docs/0.49/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.49/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.49/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.49/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.49/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.49/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.49/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.49/imageshourly1.0https://facebook.github.io/react-native/docs/0.49/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.49/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.49/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.49/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.49/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.49/navigationhourly1.0https://facebook.github.io/react-native/docs/0.49/networkhourly1.0https://facebook.github.io/react-native/docs/0.49/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.49/performancehourly1.0https://facebook.github.io/react-native/docs/0.49/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.49/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.49/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.49/propshourly1.0https://facebook.github.io/react-native/docs/0.49/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.49/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.49/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.49/settingshourly1.0https://facebook.github.io/react-native/docs/0.49/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.49/statehourly1.0https://facebook.github.io/react-native/docs/0.49/stylehourly1.0https://facebook.github.io/react-native/docs/0.49/timershourly1.0https://facebook.github.io/react-native/docs/0.49/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.49/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.49/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.49/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.49/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.48/modalhourly1.0https://facebook.github.io/react-native/docs/0.48/texthourly1.0https://facebook.github.io/react-native/docs/0.48/textinputhourly1.0https://facebook.github.io/react-native/docs/0.48/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/imagehourly1.0https://facebook.github.io/react-native/docs/0.48/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.48/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.48/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.48/animatedhourly1.0https://facebook.github.io/react-native/docs/0.48/easinghourly1.0https://facebook.github.io/react-native/docs/0.48/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.48/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.48/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.48/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.48/transformshourly1.0https://facebook.github.io/react-native/docs/0.48/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.48/switchhourly1.0https://facebook.github.io/react-native/docs/0.48/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.48/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.48/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.48/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.48/webviewhourly1.0https://facebook.github.io/react-native/docs/0.48/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.48/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.48/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.48/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.48/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.48/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.48/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.48/netinfohourly1.0https://facebook.github.io/react-native/docs/0.48/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.48/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.48/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.48/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.48/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.48/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/appstatehourly1.0https://facebook.github.io/react-native/docs/0.48/pickerhourly1.0https://facebook.github.io/react-native/docs/0.48/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.48/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.48/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.48/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/linkinghourly1.0https://facebook.github.io/react-native/docs/0.48/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.48/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.48/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.48/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.48/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.48/sliderhourly1.0https://facebook.github.io/react-native/docs/0.48/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.48/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.48/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.48/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.48/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.48/sharehourly1.0https://facebook.github.io/react-native/docs/0.48/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.48/alerthourly1.0https://facebook.github.io/react-native/docs/0.48/alertioshourly1.0https://facebook.github.io/react-native/docs/0.48/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.48/buttonhourly1.0https://facebook.github.io/react-native/docs/0.48/systracehourly1.0https://facebook.github.io/react-native/docs/0.48/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.48/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.48/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.48/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.48/listviewhourly1.0https://facebook.github.io/react-native/docs/0.48/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.48/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.48/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.48/viewhourly1.0https://facebook.github.io/react-native/docs/0.48/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.48/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.48/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.48/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.48/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.48/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.48/animationshourly1.0https://facebook.github.io/react-native/docs/0.48/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.48/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.48/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.48/colorshourly1.0https://facebook.github.io/react-native/docs/0.48/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.48/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/debugginghourly1.0https://facebook.github.io/react-native/docs/0.48/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.48/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.48/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.48/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.48/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.48/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.48/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.48/imageshourly1.0https://facebook.github.io/react-native/docs/0.48/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.48/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.48/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.48/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.48/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.48/navigationhourly1.0https://facebook.github.io/react-native/docs/0.48/networkhourly1.0https://facebook.github.io/react-native/docs/0.48/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.48/performancehourly1.0https://facebook.github.io/react-native/docs/0.48/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.48/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.48/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.48/propshourly1.0https://facebook.github.io/react-native/docs/0.48/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.48/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.48/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.48/settingshourly1.0https://facebook.github.io/react-native/docs/0.48/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.48/statehourly1.0https://facebook.github.io/react-native/docs/0.48/stylehourly1.0https://facebook.github.io/react-native/docs/0.48/timershourly1.0https://facebook.github.io/react-native/docs/0.48/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.48/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.48/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.48/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.48/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.47/modalhourly1.0https://facebook.github.io/react-native/docs/0.47/texthourly1.0https://facebook.github.io/react-native/docs/0.47/textinputhourly1.0https://facebook.github.io/react-native/docs/0.47/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/imagehourly1.0https://facebook.github.io/react-native/docs/0.47/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.47/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.47/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.47/animatedhourly1.0https://facebook.github.io/react-native/docs/0.47/easinghourly1.0https://facebook.github.io/react-native/docs/0.47/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.47/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.47/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.47/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.47/transformshourly1.0https://facebook.github.io/react-native/docs/0.47/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.47/switchhourly1.0https://facebook.github.io/react-native/docs/0.47/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.47/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.47/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.47/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.47/webviewhourly1.0https://facebook.github.io/react-native/docs/0.47/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.47/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.47/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.47/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.47/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.47/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.47/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.47/netinfohourly1.0https://facebook.github.io/react-native/docs/0.47/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.47/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.47/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.47/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.47/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.47/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/appstatehourly1.0https://facebook.github.io/react-native/docs/0.47/pickerhourly1.0https://facebook.github.io/react-native/docs/0.47/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.47/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.47/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.47/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/linkinghourly1.0https://facebook.github.io/react-native/docs/0.47/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.47/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.47/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.47/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.47/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.47/sliderhourly1.0https://facebook.github.io/react-native/docs/0.47/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.47/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.47/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.47/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.47/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.47/sharehourly1.0https://facebook.github.io/react-native/docs/0.47/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.47/alerthourly1.0https://facebook.github.io/react-native/docs/0.47/alertioshourly1.0https://facebook.github.io/react-native/docs/0.47/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.47/buttonhourly1.0https://facebook.github.io/react-native/docs/0.47/systracehourly1.0https://facebook.github.io/react-native/docs/0.47/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.47/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.47/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.47/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.47/listviewhourly1.0https://facebook.github.io/react-native/docs/0.47/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.47/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.47/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.47/viewhourly1.0https://facebook.github.io/react-native/docs/0.47/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.47/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.47/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.47/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.47/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.47/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.47/animationshourly1.0https://facebook.github.io/react-native/docs/0.47/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.47/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.47/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.47/colorshourly1.0https://facebook.github.io/react-native/docs/0.47/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.47/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/debugginghourly1.0https://facebook.github.io/react-native/docs/0.47/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.47/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.47/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.47/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.47/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.47/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.47/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.47/imageshourly1.0https://facebook.github.io/react-native/docs/0.47/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.47/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.47/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.47/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.47/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.47/navigationhourly1.0https://facebook.github.io/react-native/docs/0.47/networkhourly1.0https://facebook.github.io/react-native/docs/0.47/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.47/performancehourly1.0https://facebook.github.io/react-native/docs/0.47/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.47/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.47/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.47/propshourly1.0https://facebook.github.io/react-native/docs/0.47/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.47/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.47/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.47/settingshourly1.0https://facebook.github.io/react-native/docs/0.47/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.47/statehourly1.0https://facebook.github.io/react-native/docs/0.47/stylehourly1.0https://facebook.github.io/react-native/docs/0.47/timershourly1.0https://facebook.github.io/react-native/docs/0.47/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.47/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.47/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.47/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.47/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.46/modalhourly1.0https://facebook.github.io/react-native/docs/0.46/texthourly1.0https://facebook.github.io/react-native/docs/0.46/textinputhourly1.0https://facebook.github.io/react-native/docs/0.46/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/imagehourly1.0https://facebook.github.io/react-native/docs/0.46/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.46/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.46/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.46/animatedhourly1.0https://facebook.github.io/react-native/docs/0.46/easinghourly1.0https://facebook.github.io/react-native/docs/0.46/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.46/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.46/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.46/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.46/transformshourly1.0https://facebook.github.io/react-native/docs/0.46/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.46/switchhourly1.0https://facebook.github.io/react-native/docs/0.46/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.46/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.46/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.46/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.46/webviewhourly1.0https://facebook.github.io/react-native/docs/0.46/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.46/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.46/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.46/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.46/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.46/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.46/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.46/netinfohourly1.0https://facebook.github.io/react-native/docs/0.46/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.46/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.46/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.46/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.46/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.46/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/appstatehourly1.0https://facebook.github.io/react-native/docs/0.46/pickerhourly1.0https://facebook.github.io/react-native/docs/0.46/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.46/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.46/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.46/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/linkinghourly1.0https://facebook.github.io/react-native/docs/0.46/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.46/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.46/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.46/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.46/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.46/sliderhourly1.0https://facebook.github.io/react-native/docs/0.46/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.46/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.46/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.46/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.46/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.46/sharehourly1.0https://facebook.github.io/react-native/docs/0.46/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.46/alerthourly1.0https://facebook.github.io/react-native/docs/0.46/alertioshourly1.0https://facebook.github.io/react-native/docs/0.46/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.46/buttonhourly1.0https://facebook.github.io/react-native/docs/0.46/systracehourly1.0https://facebook.github.io/react-native/docs/0.46/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.46/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.46/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.46/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.46/listviewhourly1.0https://facebook.github.io/react-native/docs/0.46/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.46/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.46/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.46/viewhourly1.0https://facebook.github.io/react-native/docs/0.46/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.46/imagebackgroundhourly1.0https://facebook.github.io/react-native/docs/0.46/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.46/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.46/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.46/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.46/animationshourly1.0https://facebook.github.io/react-native/docs/0.46/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.46/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.46/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.46/colorshourly1.0https://facebook.github.io/react-native/docs/0.46/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.46/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/debugginghourly1.0https://facebook.github.io/react-native/docs/0.46/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.46/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.46/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.46/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.46/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.46/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.46/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.46/imageshourly1.0https://facebook.github.io/react-native/docs/0.46/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.46/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.46/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.46/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.46/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.46/navigationhourly1.0https://facebook.github.io/react-native/docs/0.46/networkhourly1.0https://facebook.github.io/react-native/docs/0.46/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.46/performancehourly1.0https://facebook.github.io/react-native/docs/0.46/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.46/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.46/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.46/propshourly1.0https://facebook.github.io/react-native/docs/0.46/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.46/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.46/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.46/settingshourly1.0https://facebook.github.io/react-native/docs/0.46/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.46/statehourly1.0https://facebook.github.io/react-native/docs/0.46/stylehourly1.0https://facebook.github.io/react-native/docs/0.46/timershourly1.0https://facebook.github.io/react-native/docs/0.46/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.46/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.46/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.46/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.46/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.45/modalhourly1.0https://facebook.github.io/react-native/docs/0.45/texthourly1.0https://facebook.github.io/react-native/docs/0.45/textinputhourly1.0https://facebook.github.io/react-native/docs/0.45/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/imagehourly1.0https://facebook.github.io/react-native/docs/0.45/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.45/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.45/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.45/animatedhourly1.0https://facebook.github.io/react-native/docs/0.45/easinghourly1.0https://facebook.github.io/react-native/docs/0.45/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.45/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.45/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.45/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.45/transformshourly1.0https://facebook.github.io/react-native/docs/0.45/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.45/switchhourly1.0https://facebook.github.io/react-native/docs/0.45/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.45/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.45/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.45/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.45/webviewhourly1.0https://facebook.github.io/react-native/docs/0.45/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.45/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.45/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.45/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.45/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.45/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.45/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.45/netinfohourly1.0https://facebook.github.io/react-native/docs/0.45/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.45/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.45/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.45/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.45/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.45/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/appstatehourly1.0https://facebook.github.io/react-native/docs/0.45/pickerhourly1.0https://facebook.github.io/react-native/docs/0.45/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.45/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.45/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.45/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/linkinghourly1.0https://facebook.github.io/react-native/docs/0.45/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.45/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.45/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.45/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.45/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.45/sliderhourly1.0https://facebook.github.io/react-native/docs/0.45/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.45/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.45/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.45/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.45/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.45/sharehourly1.0https://facebook.github.io/react-native/docs/0.45/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.45/alerthourly1.0https://facebook.github.io/react-native/docs/0.45/alertioshourly1.0https://facebook.github.io/react-native/docs/0.45/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.45/buttonhourly1.0https://facebook.github.io/react-native/docs/0.45/systracehourly1.0https://facebook.github.io/react-native/docs/0.45/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.45/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.45/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.45/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.45/listviewhourly1.0https://facebook.github.io/react-native/docs/0.45/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.45/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.45/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.45/viewhourly1.0https://facebook.github.io/react-native/docs/0.45/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.45/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.45/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.45/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.45/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.45/animationshourly1.0https://facebook.github.io/react-native/docs/0.45/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.45/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.45/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.45/colorshourly1.0https://facebook.github.io/react-native/docs/0.45/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.45/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/debugginghourly1.0https://facebook.github.io/react-native/docs/0.45/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.45/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.45/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.45/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.45/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.45/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.45/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.45/imageshourly1.0https://facebook.github.io/react-native/docs/0.45/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.45/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.45/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.45/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.45/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.45/navigationhourly1.0https://facebook.github.io/react-native/docs/0.45/networkhourly1.0https://facebook.github.io/react-native/docs/0.45/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.45/performancehourly1.0https://facebook.github.io/react-native/docs/0.45/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.45/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.45/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.45/propshourly1.0https://facebook.github.io/react-native/docs/0.45/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.45/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.45/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.45/settingshourly1.0https://facebook.github.io/react-native/docs/0.45/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.45/statehourly1.0https://facebook.github.io/react-native/docs/0.45/stylehourly1.0https://facebook.github.io/react-native/docs/0.45/timershourly1.0https://facebook.github.io/react-native/docs/0.45/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.45/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.45/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.45/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.45/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.44/modalhourly1.0https://facebook.github.io/react-native/docs/0.44/texthourly1.0https://facebook.github.io/react-native/docs/0.44/textinputhourly1.0https://facebook.github.io/react-native/docs/0.44/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/imagehourly1.0https://facebook.github.io/react-native/docs/0.44/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.44/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.44/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.44/animatedhourly1.0https://facebook.github.io/react-native/docs/0.44/easinghourly1.0https://facebook.github.io/react-native/docs/0.44/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.44/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.44/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.44/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.44/transformshourly1.0https://facebook.github.io/react-native/docs/0.44/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.44/switchhourly1.0https://facebook.github.io/react-native/docs/0.44/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.44/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.44/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.44/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.44/webviewhourly1.0https://facebook.github.io/react-native/docs/0.44/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.44/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.44/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.44/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.44/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.44/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.44/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.44/netinfohourly1.0https://facebook.github.io/react-native/docs/0.44/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.44/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.44/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.44/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.44/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.44/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/appstatehourly1.0https://facebook.github.io/react-native/docs/0.44/pickerhourly1.0https://facebook.github.io/react-native/docs/0.44/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.44/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.44/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.44/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/linkinghourly1.0https://facebook.github.io/react-native/docs/0.44/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.44/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.44/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.44/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.44/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.44/sliderhourly1.0https://facebook.github.io/react-native/docs/0.44/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.44/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.44/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.44/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.44/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.44/sharehourly1.0https://facebook.github.io/react-native/docs/0.44/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.44/alerthourly1.0https://facebook.github.io/react-native/docs/0.44/alertioshourly1.0https://facebook.github.io/react-native/docs/0.44/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.44/buttonhourly1.0https://facebook.github.io/react-native/docs/0.44/systracehourly1.0https://facebook.github.io/react-native/docs/0.44/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.44/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.44/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.44/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.44/listviewhourly1.0https://facebook.github.io/react-native/docs/0.44/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.44/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.44/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.44/viewhourly1.0https://facebook.github.io/react-native/docs/0.44/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.44/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.44/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.44/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.44/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.44/animationshourly1.0https://facebook.github.io/react-native/docs/0.44/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.44/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.44/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.44/colorshourly1.0https://facebook.github.io/react-native/docs/0.44/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.44/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/debugginghourly1.0https://facebook.github.io/react-native/docs/0.44/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.44/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.44/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.44/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.44/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.44/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.44/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.44/imageshourly1.0https://facebook.github.io/react-native/docs/0.44/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.44/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.44/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.44/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.44/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.44/navigationhourly1.0https://facebook.github.io/react-native/docs/0.44/networkhourly1.0https://facebook.github.io/react-native/docs/0.44/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.44/performancehourly1.0https://facebook.github.io/react-native/docs/0.44/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.44/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.44/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.44/propshourly1.0https://facebook.github.io/react-native/docs/0.44/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.44/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.44/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.44/settingshourly1.0https://facebook.github.io/react-native/docs/0.44/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.44/statehourly1.0https://facebook.github.io/react-native/docs/0.44/stylehourly1.0https://facebook.github.io/react-native/docs/0.44/timershourly1.0https://facebook.github.io/react-native/docs/0.44/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.44/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.44/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.44/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.44/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.43/modalhourly1.0https://facebook.github.io/react-native/docs/0.43/texthourly1.0https://facebook.github.io/react-native/docs/0.43/textinputhourly1.0https://facebook.github.io/react-native/docs/0.43/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/imagehourly1.0https://facebook.github.io/react-native/docs/0.43/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.43/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.43/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.43/animatedhourly1.0https://facebook.github.io/react-native/docs/0.43/easinghourly1.0https://facebook.github.io/react-native/docs/0.43/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.43/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.43/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.43/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.43/transformshourly1.0https://facebook.github.io/react-native/docs/0.43/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.43/switchhourly1.0https://facebook.github.io/react-native/docs/0.43/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.43/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.43/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.43/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.43/webviewhourly1.0https://facebook.github.io/react-native/docs/0.43/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.43/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.43/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.43/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.43/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.43/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.43/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.43/netinfohourly1.0https://facebook.github.io/react-native/docs/0.43/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.43/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.43/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.43/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.43/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.43/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/appstatehourly1.0https://facebook.github.io/react-native/docs/0.43/pickerhourly1.0https://facebook.github.io/react-native/docs/0.43/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.43/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.43/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.43/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/linkinghourly1.0https://facebook.github.io/react-native/docs/0.43/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.43/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.43/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.43/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.43/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.43/sliderhourly1.0https://facebook.github.io/react-native/docs/0.43/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.43/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.43/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.43/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.43/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.43/sharehourly1.0https://facebook.github.io/react-native/docs/0.43/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.43/alerthourly1.0https://facebook.github.io/react-native/docs/0.43/alertioshourly1.0https://facebook.github.io/react-native/docs/0.43/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.43/buttonhourly1.0https://facebook.github.io/react-native/docs/0.43/systracehourly1.0https://facebook.github.io/react-native/docs/0.43/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.43/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.43/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.43/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.43/listviewhourly1.0https://facebook.github.io/react-native/docs/0.43/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.43/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.43/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.43/viewhourly1.0https://facebook.github.io/react-native/docs/0.43/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.43/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.43/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.43/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.43/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.43/animationshourly1.0https://facebook.github.io/react-native/docs/0.43/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.43/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.43/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.43/colorshourly1.0https://facebook.github.io/react-native/docs/0.43/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.43/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/debugginghourly1.0https://facebook.github.io/react-native/docs/0.43/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.43/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.43/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.43/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.43/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.43/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.43/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.43/imageshourly1.0https://facebook.github.io/react-native/docs/0.43/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.43/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.43/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.43/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.43/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.43/navigationhourly1.0https://facebook.github.io/react-native/docs/0.43/networkhourly1.0https://facebook.github.io/react-native/docs/0.43/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.43/performancehourly1.0https://facebook.github.io/react-native/docs/0.43/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.43/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.43/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.43/propshourly1.0https://facebook.github.io/react-native/docs/0.43/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.43/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.43/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.43/settingshourly1.0https://facebook.github.io/react-native/docs/0.43/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.43/statehourly1.0https://facebook.github.io/react-native/docs/0.43/stylehourly1.0https://facebook.github.io/react-native/docs/0.43/timershourly1.0https://facebook.github.io/react-native/docs/0.43/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.43/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.43/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.43/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.43/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.42/modalhourly1.0https://facebook.github.io/react-native/docs/0.42/texthourly1.0https://facebook.github.io/react-native/docs/0.42/textinputhourly1.0https://facebook.github.io/react-native/docs/0.42/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/imagehourly1.0https://facebook.github.io/react-native/docs/0.42/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.42/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.42/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.42/animatedhourly1.0https://facebook.github.io/react-native/docs/0.42/easinghourly1.0https://facebook.github.io/react-native/docs/0.42/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.42/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.42/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.42/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.42/transformshourly1.0https://facebook.github.io/react-native/docs/0.42/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.42/switchhourly1.0https://facebook.github.io/react-native/docs/0.42/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.42/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.42/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.42/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.42/webviewhourly1.0https://facebook.github.io/react-native/docs/0.42/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.42/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.42/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.42/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.42/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.42/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.42/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.42/netinfohourly1.0https://facebook.github.io/react-native/docs/0.42/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.42/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.42/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.42/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.42/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.42/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/appstatehourly1.0https://facebook.github.io/react-native/docs/0.42/pickerhourly1.0https://facebook.github.io/react-native/docs/0.42/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.42/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.42/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.42/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/linkinghourly1.0https://facebook.github.io/react-native/docs/0.42/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.42/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.42/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.42/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.42/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.42/sliderhourly1.0https://facebook.github.io/react-native/docs/0.42/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.42/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.42/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.42/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.42/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.42/sharehourly1.0https://facebook.github.io/react-native/docs/0.42/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.42/alerthourly1.0https://facebook.github.io/react-native/docs/0.42/alertioshourly1.0https://facebook.github.io/react-native/docs/0.42/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.42/buttonhourly1.0https://facebook.github.io/react-native/docs/0.42/systracehourly1.0https://facebook.github.io/react-native/docs/0.42/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.42/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.42/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.42/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.42/listviewhourly1.0https://facebook.github.io/react-native/docs/0.42/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.42/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.42/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.42/viewhourly1.0https://facebook.github.io/react-native/docs/0.42/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.42/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.42/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.42/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.42/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.42/animationshourly1.0https://facebook.github.io/react-native/docs/0.42/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.42/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.42/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.42/colorshourly1.0https://facebook.github.io/react-native/docs/0.42/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.42/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/debugginghourly1.0https://facebook.github.io/react-native/docs/0.42/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.42/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.42/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.42/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.42/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.42/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.42/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.42/imageshourly1.0https://facebook.github.io/react-native/docs/0.42/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.42/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.42/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.42/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.42/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.42/navigationhourly1.0https://facebook.github.io/react-native/docs/0.42/networkhourly1.0https://facebook.github.io/react-native/docs/0.42/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.42/performancehourly1.0https://facebook.github.io/react-native/docs/0.42/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.42/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.42/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.42/propshourly1.0https://facebook.github.io/react-native/docs/0.42/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.42/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.42/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.42/settingshourly1.0https://facebook.github.io/react-native/docs/0.42/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.42/statehourly1.0https://facebook.github.io/react-native/docs/0.42/stylehourly1.0https://facebook.github.io/react-native/docs/0.42/timershourly1.0https://facebook.github.io/react-native/docs/0.42/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.42/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.42/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.42/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.42/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.41/modalhourly1.0https://facebook.github.io/react-native/docs/0.41/texthourly1.0https://facebook.github.io/react-native/docs/0.41/textinputhourly1.0https://facebook.github.io/react-native/docs/0.41/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/imagehourly1.0https://facebook.github.io/react-native/docs/0.41/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.41/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.41/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.41/animatedhourly1.0https://facebook.github.io/react-native/docs/0.41/easinghourly1.0https://facebook.github.io/react-native/docs/0.41/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.41/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.41/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.41/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.41/transformshourly1.0https://facebook.github.io/react-native/docs/0.41/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.41/switchhourly1.0https://facebook.github.io/react-native/docs/0.41/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.41/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.41/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.41/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.41/webviewhourly1.0https://facebook.github.io/react-native/docs/0.41/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.41/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.41/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.41/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.41/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.41/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.41/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.41/netinfohourly1.0https://facebook.github.io/react-native/docs/0.41/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.41/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.41/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.41/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.41/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.41/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/appstatehourly1.0https://facebook.github.io/react-native/docs/0.41/pickerhourly1.0https://facebook.github.io/react-native/docs/0.41/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.41/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.41/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.41/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/linkinghourly1.0https://facebook.github.io/react-native/docs/0.41/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.41/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.41/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.41/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.41/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.41/sliderhourly1.0https://facebook.github.io/react-native/docs/0.41/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.41/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.41/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.41/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.41/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.41/sharehourly1.0https://facebook.github.io/react-native/docs/0.41/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.41/alerthourly1.0https://facebook.github.io/react-native/docs/0.41/alertioshourly1.0https://facebook.github.io/react-native/docs/0.41/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.41/buttonhourly1.0https://facebook.github.io/react-native/docs/0.41/systracehourly1.0https://facebook.github.io/react-native/docs/0.41/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.41/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.41/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.41/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.41/listviewhourly1.0https://facebook.github.io/react-native/docs/0.41/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.41/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.41/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.41/viewhourly1.0https://facebook.github.io/react-native/docs/0.41/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.41/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.41/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.41/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.41/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.41/animationshourly1.0https://facebook.github.io/react-native/docs/0.41/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.41/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.41/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.41/colorshourly1.0https://facebook.github.io/react-native/docs/0.41/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.41/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/debugginghourly1.0https://facebook.github.io/react-native/docs/0.41/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.41/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.41/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.41/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.41/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.41/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.41/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.41/imageshourly1.0https://facebook.github.io/react-native/docs/0.41/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.41/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.41/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.41/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.41/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.41/navigationhourly1.0https://facebook.github.io/react-native/docs/0.41/networkhourly1.0https://facebook.github.io/react-native/docs/0.41/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.41/performancehourly1.0https://facebook.github.io/react-native/docs/0.41/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.41/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.41/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.41/propshourly1.0https://facebook.github.io/react-native/docs/0.41/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.41/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.41/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.41/settingshourly1.0https://facebook.github.io/react-native/docs/0.41/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.41/statehourly1.0https://facebook.github.io/react-native/docs/0.41/stylehourly1.0https://facebook.github.io/react-native/docs/0.41/timershourly1.0https://facebook.github.io/react-native/docs/0.41/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.41/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.41/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.41/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.41/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.40/modalhourly1.0https://facebook.github.io/react-native/docs/0.40/texthourly1.0https://facebook.github.io/react-native/docs/0.40/textinputhourly1.0https://facebook.github.io/react-native/docs/0.40/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/imagehourly1.0https://facebook.github.io/react-native/docs/0.40/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.40/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.40/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.40/animatedhourly1.0https://facebook.github.io/react-native/docs/0.40/easinghourly1.0https://facebook.github.io/react-native/docs/0.40/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.40/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.40/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.40/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.40/transformshourly1.0https://facebook.github.io/react-native/docs/0.40/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.40/switchhourly1.0https://facebook.github.io/react-native/docs/0.40/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.40/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.40/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.40/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.40/webviewhourly1.0https://facebook.github.io/react-native/docs/0.40/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.40/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.40/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.40/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.40/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.40/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.40/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.40/netinfohourly1.0https://facebook.github.io/react-native/docs/0.40/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.40/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.40/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.40/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.40/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.40/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/appstatehourly1.0https://facebook.github.io/react-native/docs/0.40/pickerhourly1.0https://facebook.github.io/react-native/docs/0.40/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.40/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.40/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.40/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/linkinghourly1.0https://facebook.github.io/react-native/docs/0.40/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.40/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.40/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.40/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.40/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.40/sliderhourly1.0https://facebook.github.io/react-native/docs/0.40/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.40/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.40/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.40/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.40/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.40/sharehourly1.0https://facebook.github.io/react-native/docs/0.40/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.40/alerthourly1.0https://facebook.github.io/react-native/docs/0.40/alertioshourly1.0https://facebook.github.io/react-native/docs/0.40/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.40/buttonhourly1.0https://facebook.github.io/react-native/docs/0.40/systracehourly1.0https://facebook.github.io/react-native/docs/0.40/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.40/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.40/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.40/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.40/listviewhourly1.0https://facebook.github.io/react-native/docs/0.40/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.40/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.40/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.40/viewhourly1.0https://facebook.github.io/react-native/docs/0.40/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.40/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.40/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.40/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.40/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.40/animationshourly1.0https://facebook.github.io/react-native/docs/0.40/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.40/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.40/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.40/colorshourly1.0https://facebook.github.io/react-native/docs/0.40/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.40/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/debugginghourly1.0https://facebook.github.io/react-native/docs/0.40/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.40/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.40/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.40/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.40/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.40/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.40/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.40/imageshourly1.0https://facebook.github.io/react-native/docs/0.40/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.40/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.40/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.40/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.40/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.40/navigationhourly1.0https://facebook.github.io/react-native/docs/0.40/networkhourly1.0https://facebook.github.io/react-native/docs/0.40/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.40/performancehourly1.0https://facebook.github.io/react-native/docs/0.40/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.40/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.40/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.40/propshourly1.0https://facebook.github.io/react-native/docs/0.40/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.40/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.40/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.40/settingshourly1.0https://facebook.github.io/react-native/docs/0.40/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.40/statehourly1.0https://facebook.github.io/react-native/docs/0.40/stylehourly1.0https://facebook.github.io/react-native/docs/0.40/timershourly1.0https://facebook.github.io/react-native/docs/0.40/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.40/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.40/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.40/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.40/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.39/modalhourly1.0https://facebook.github.io/react-native/docs/0.39/texthourly1.0https://facebook.github.io/react-native/docs/0.39/textinputhourly1.0https://facebook.github.io/react-native/docs/0.39/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/imagehourly1.0https://facebook.github.io/react-native/docs/0.39/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.39/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.39/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.39/animatedhourly1.0https://facebook.github.io/react-native/docs/0.39/easinghourly1.0https://facebook.github.io/react-native/docs/0.39/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.39/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.39/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.39/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.39/transformshourly1.0https://facebook.github.io/react-native/docs/0.39/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.39/switchhourly1.0https://facebook.github.io/react-native/docs/0.39/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.39/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.39/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.39/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.39/webviewhourly1.0https://facebook.github.io/react-native/docs/0.39/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.39/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.39/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.39/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.39/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.39/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.39/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.39/netinfohourly1.0https://facebook.github.io/react-native/docs/0.39/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.39/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.39/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.39/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.39/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.39/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/appstatehourly1.0https://facebook.github.io/react-native/docs/0.39/pickerhourly1.0https://facebook.github.io/react-native/docs/0.39/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.39/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.39/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.39/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/linkinghourly1.0https://facebook.github.io/react-native/docs/0.39/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.39/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.39/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.39/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.39/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.39/sliderhourly1.0https://facebook.github.io/react-native/docs/0.39/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.39/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.39/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.39/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.39/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.39/sharehourly1.0https://facebook.github.io/react-native/docs/0.39/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.39/alerthourly1.0https://facebook.github.io/react-native/docs/0.39/alertioshourly1.0https://facebook.github.io/react-native/docs/0.39/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.39/buttonhourly1.0https://facebook.github.io/react-native/docs/0.39/systracehourly1.0https://facebook.github.io/react-native/docs/0.39/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.39/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.39/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.39/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.39/listviewhourly1.0https://facebook.github.io/react-native/docs/0.39/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.39/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.39/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.39/viewhourly1.0https://facebook.github.io/react-native/docs/0.39/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.39/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.39/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.39/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.39/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.39/animationshourly1.0https://facebook.github.io/react-native/docs/0.39/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.39/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.39/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.39/colorshourly1.0https://facebook.github.io/react-native/docs/0.39/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.39/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/debugginghourly1.0https://facebook.github.io/react-native/docs/0.39/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.39/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.39/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.39/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.39/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.39/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.39/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.39/imageshourly1.0https://facebook.github.io/react-native/docs/0.39/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.39/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.39/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.39/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.39/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.39/navigationhourly1.0https://facebook.github.io/react-native/docs/0.39/networkhourly1.0https://facebook.github.io/react-native/docs/0.39/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.39/performancehourly1.0https://facebook.github.io/react-native/docs/0.39/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.39/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.39/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.39/propshourly1.0https://facebook.github.io/react-native/docs/0.39/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.39/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.39/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.39/settingshourly1.0https://facebook.github.io/react-native/docs/0.39/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.39/statehourly1.0https://facebook.github.io/react-native/docs/0.39/stylehourly1.0https://facebook.github.io/react-native/docs/0.39/timershourly1.0https://facebook.github.io/react-native/docs/0.39/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.39/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.39/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.39/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.39/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.38/modalhourly1.0https://facebook.github.io/react-native/docs/0.38/texthourly1.0https://facebook.github.io/react-native/docs/0.38/textinputhourly1.0https://facebook.github.io/react-native/docs/0.38/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/imagehourly1.0https://facebook.github.io/react-native/docs/0.38/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.38/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.38/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.38/animatedhourly1.0https://facebook.github.io/react-native/docs/0.38/easinghourly1.0https://facebook.github.io/react-native/docs/0.38/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.38/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.38/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.38/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.38/transformshourly1.0https://facebook.github.io/react-native/docs/0.38/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.38/switchhourly1.0https://facebook.github.io/react-native/docs/0.38/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.38/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.38/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.38/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.38/webviewhourly1.0https://facebook.github.io/react-native/docs/0.38/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.38/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.38/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.38/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.38/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.38/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.38/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.38/netinfohourly1.0https://facebook.github.io/react-native/docs/0.38/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.38/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.38/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.38/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.38/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.38/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/appstatehourly1.0https://facebook.github.io/react-native/docs/0.38/pickerhourly1.0https://facebook.github.io/react-native/docs/0.38/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.38/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.38/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.38/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/linkinghourly1.0https://facebook.github.io/react-native/docs/0.38/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.38/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.38/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.38/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.38/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.38/sliderhourly1.0https://facebook.github.io/react-native/docs/0.38/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.38/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.38/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.38/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.38/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.38/sharehourly1.0https://facebook.github.io/react-native/docs/0.38/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.38/alerthourly1.0https://facebook.github.io/react-native/docs/0.38/alertioshourly1.0https://facebook.github.io/react-native/docs/0.38/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.38/buttonhourly1.0https://facebook.github.io/react-native/docs/0.38/systracehourly1.0https://facebook.github.io/react-native/docs/0.38/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.38/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.38/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.38/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.38/listviewhourly1.0https://facebook.github.io/react-native/docs/0.38/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.38/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.38/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.38/viewhourly1.0https://facebook.github.io/react-native/docs/0.38/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.38/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.38/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.38/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.38/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.38/animationshourly1.0https://facebook.github.io/react-native/docs/0.38/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.38/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.38/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.38/colorshourly1.0https://facebook.github.io/react-native/docs/0.38/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.38/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/debugginghourly1.0https://facebook.github.io/react-native/docs/0.38/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.38/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.38/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.38/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.38/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.38/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.38/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.38/imageshourly1.0https://facebook.github.io/react-native/docs/0.38/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.38/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.38/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.38/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.38/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.38/navigationhourly1.0https://facebook.github.io/react-native/docs/0.38/networkhourly1.0https://facebook.github.io/react-native/docs/0.38/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.38/performancehourly1.0https://facebook.github.io/react-native/docs/0.38/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.38/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.38/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.38/propshourly1.0https://facebook.github.io/react-native/docs/0.38/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.38/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.38/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.38/settingshourly1.0https://facebook.github.io/react-native/docs/0.38/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.38/statehourly1.0https://facebook.github.io/react-native/docs/0.38/stylehourly1.0https://facebook.github.io/react-native/docs/0.38/timershourly1.0https://facebook.github.io/react-native/docs/0.38/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.38/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.38/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.38/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.38/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.37/modalhourly1.0https://facebook.github.io/react-native/docs/0.37/texthourly1.0https://facebook.github.io/react-native/docs/0.37/textinputhourly1.0https://facebook.github.io/react-native/docs/0.37/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/imagehourly1.0https://facebook.github.io/react-native/docs/0.37/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.37/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.37/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.37/animatedhourly1.0https://facebook.github.io/react-native/docs/0.37/easinghourly1.0https://facebook.github.io/react-native/docs/0.37/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.37/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.37/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.37/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.37/transformshourly1.0https://facebook.github.io/react-native/docs/0.37/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.37/switchhourly1.0https://facebook.github.io/react-native/docs/0.37/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.37/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.37/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.37/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.37/webviewhourly1.0https://facebook.github.io/react-native/docs/0.37/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.37/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.37/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.37/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.37/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.37/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.37/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.37/netinfohourly1.0https://facebook.github.io/react-native/docs/0.37/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.37/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.37/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.37/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.37/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.37/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/appstatehourly1.0https://facebook.github.io/react-native/docs/0.37/pickerhourly1.0https://facebook.github.io/react-native/docs/0.37/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.37/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.37/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.37/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/linkinghourly1.0https://facebook.github.io/react-native/docs/0.37/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.37/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.37/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.37/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.37/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.37/sliderhourly1.0https://facebook.github.io/react-native/docs/0.37/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.37/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.37/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.37/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.37/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.37/sharehourly1.0https://facebook.github.io/react-native/docs/0.37/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.37/alerthourly1.0https://facebook.github.io/react-native/docs/0.37/alertioshourly1.0https://facebook.github.io/react-native/docs/0.37/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.37/buttonhourly1.0https://facebook.github.io/react-native/docs/0.37/systracehourly1.0https://facebook.github.io/react-native/docs/0.37/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.37/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.37/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.37/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.37/listviewhourly1.0https://facebook.github.io/react-native/docs/0.37/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.37/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.37/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.37/viewhourly1.0https://facebook.github.io/react-native/docs/0.37/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.37/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.37/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.37/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.37/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.37/animationshourly1.0https://facebook.github.io/react-native/docs/0.37/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.37/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.37/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.37/colorshourly1.0https://facebook.github.io/react-native/docs/0.37/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.37/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/debugginghourly1.0https://facebook.github.io/react-native/docs/0.37/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.37/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.37/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.37/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.37/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.37/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.37/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.37/imageshourly1.0https://facebook.github.io/react-native/docs/0.37/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.37/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.37/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.37/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.37/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.37/navigationhourly1.0https://facebook.github.io/react-native/docs/0.37/networkhourly1.0https://facebook.github.io/react-native/docs/0.37/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.37/performancehourly1.0https://facebook.github.io/react-native/docs/0.37/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.37/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.37/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.37/propshourly1.0https://facebook.github.io/react-native/docs/0.37/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.37/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.37/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.37/settingshourly1.0https://facebook.github.io/react-native/docs/0.37/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.37/statehourly1.0https://facebook.github.io/react-native/docs/0.37/stylehourly1.0https://facebook.github.io/react-native/docs/0.37/timershourly1.0https://facebook.github.io/react-native/docs/0.37/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.37/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.37/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.37/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.37/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.36/modalhourly1.0https://facebook.github.io/react-native/docs/0.36/texthourly1.0https://facebook.github.io/react-native/docs/0.36/textinputhourly1.0https://facebook.github.io/react-native/docs/0.36/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/imagehourly1.0https://facebook.github.io/react-native/docs/0.36/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.36/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.36/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.36/animatedhourly1.0https://facebook.github.io/react-native/docs/0.36/easinghourly1.0https://facebook.github.io/react-native/docs/0.36/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.36/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.36/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.36/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.36/transformshourly1.0https://facebook.github.io/react-native/docs/0.36/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.36/switchhourly1.0https://facebook.github.io/react-native/docs/0.36/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.36/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.36/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.36/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.36/webviewhourly1.0https://facebook.github.io/react-native/docs/0.36/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.36/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.36/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.36/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.36/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.36/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.36/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.36/netinfohourly1.0https://facebook.github.io/react-native/docs/0.36/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.36/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.36/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.36/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.36/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.36/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/appstatehourly1.0https://facebook.github.io/react-native/docs/0.36/pickerhourly1.0https://facebook.github.io/react-native/docs/0.36/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.36/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.36/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.36/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/linkinghourly1.0https://facebook.github.io/react-native/docs/0.36/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.36/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.36/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.36/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.36/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.36/sliderhourly1.0https://facebook.github.io/react-native/docs/0.36/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.36/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.36/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.36/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.36/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.36/sharehourly1.0https://facebook.github.io/react-native/docs/0.36/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.36/alerthourly1.0https://facebook.github.io/react-native/docs/0.36/alertioshourly1.0https://facebook.github.io/react-native/docs/0.36/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.36/buttonhourly1.0https://facebook.github.io/react-native/docs/0.36/systracehourly1.0https://facebook.github.io/react-native/docs/0.36/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.36/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.36/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.36/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.36/listviewhourly1.0https://facebook.github.io/react-native/docs/0.36/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.36/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.36/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.36/viewhourly1.0https://facebook.github.io/react-native/docs/0.36/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.36/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.36/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.36/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.36/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.36/animationshourly1.0https://facebook.github.io/react-native/docs/0.36/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.36/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.36/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.36/colorshourly1.0https://facebook.github.io/react-native/docs/0.36/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.36/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/debugginghourly1.0https://facebook.github.io/react-native/docs/0.36/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.36/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.36/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.36/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.36/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.36/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.36/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.36/imageshourly1.0https://facebook.github.io/react-native/docs/0.36/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.36/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.36/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.36/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.36/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.36/navigationhourly1.0https://facebook.github.io/react-native/docs/0.36/networkhourly1.0https://facebook.github.io/react-native/docs/0.36/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.36/performancehourly1.0https://facebook.github.io/react-native/docs/0.36/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.36/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.36/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.36/propshourly1.0https://facebook.github.io/react-native/docs/0.36/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.36/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.36/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.36/settingshourly1.0https://facebook.github.io/react-native/docs/0.36/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.36/statehourly1.0https://facebook.github.io/react-native/docs/0.36/stylehourly1.0https://facebook.github.io/react-native/docs/0.36/timershourly1.0https://facebook.github.io/react-native/docs/0.36/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.36/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.36/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.36/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.36/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.35/modalhourly1.0https://facebook.github.io/react-native/docs/0.35/texthourly1.0https://facebook.github.io/react-native/docs/0.35/textinputhourly1.0https://facebook.github.io/react-native/docs/0.35/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/imagehourly1.0https://facebook.github.io/react-native/docs/0.35/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.35/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.35/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.35/animatedhourly1.0https://facebook.github.io/react-native/docs/0.35/easinghourly1.0https://facebook.github.io/react-native/docs/0.35/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.35/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.35/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.35/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.35/transformshourly1.0https://facebook.github.io/react-native/docs/0.35/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.35/switchhourly1.0https://facebook.github.io/react-native/docs/0.35/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.35/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.35/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.35/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.35/webviewhourly1.0https://facebook.github.io/react-native/docs/0.35/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.35/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.35/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.35/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.35/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.35/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.35/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.35/netinfohourly1.0https://facebook.github.io/react-native/docs/0.35/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.35/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.35/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.35/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.35/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.35/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/appstatehourly1.0https://facebook.github.io/react-native/docs/0.35/pickerhourly1.0https://facebook.github.io/react-native/docs/0.35/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.35/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.35/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.35/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/linkinghourly1.0https://facebook.github.io/react-native/docs/0.35/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.35/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.35/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.35/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.35/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.35/sliderhourly1.0https://facebook.github.io/react-native/docs/0.35/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.35/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.35/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.35/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.35/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.35/sharehourly1.0https://facebook.github.io/react-native/docs/0.35/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.35/alerthourly1.0https://facebook.github.io/react-native/docs/0.35/alertioshourly1.0https://facebook.github.io/react-native/docs/0.35/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.35/buttonhourly1.0https://facebook.github.io/react-native/docs/0.35/systracehourly1.0https://facebook.github.io/react-native/docs/0.35/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.35/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.35/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.35/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.35/listviewhourly1.0https://facebook.github.io/react-native/docs/0.35/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.35/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.35/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.35/viewhourly1.0https://facebook.github.io/react-native/docs/0.35/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.35/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.35/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.35/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.35/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.35/animationshourly1.0https://facebook.github.io/react-native/docs/0.35/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.35/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.35/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.35/colorshourly1.0https://facebook.github.io/react-native/docs/0.35/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.35/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/debugginghourly1.0https://facebook.github.io/react-native/docs/0.35/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.35/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.35/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.35/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.35/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.35/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.35/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.35/imageshourly1.0https://facebook.github.io/react-native/docs/0.35/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.35/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.35/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.35/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.35/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.35/navigationhourly1.0https://facebook.github.io/react-native/docs/0.35/networkhourly1.0https://facebook.github.io/react-native/docs/0.35/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.35/performancehourly1.0https://facebook.github.io/react-native/docs/0.35/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.35/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.35/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.35/propshourly1.0https://facebook.github.io/react-native/docs/0.35/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.35/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.35/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.35/settingshourly1.0https://facebook.github.io/react-native/docs/0.35/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.35/statehourly1.0https://facebook.github.io/react-native/docs/0.35/stylehourly1.0https://facebook.github.io/react-native/docs/0.35/timershourly1.0https://facebook.github.io/react-native/docs/0.35/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.35/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.35/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.35/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.35/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.34/modalhourly1.0https://facebook.github.io/react-native/docs/0.34/texthourly1.0https://facebook.github.io/react-native/docs/0.34/textinputhourly1.0https://facebook.github.io/react-native/docs/0.34/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/imagehourly1.0https://facebook.github.io/react-native/docs/0.34/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.34/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.34/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.34/animatedhourly1.0https://facebook.github.io/react-native/docs/0.34/easinghourly1.0https://facebook.github.io/react-native/docs/0.34/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.34/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.34/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.34/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.34/transformshourly1.0https://facebook.github.io/react-native/docs/0.34/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.34/switchhourly1.0https://facebook.github.io/react-native/docs/0.34/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.34/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.34/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.34/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.34/webviewhourly1.0https://facebook.github.io/react-native/docs/0.34/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.34/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.34/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.34/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.34/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.34/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.34/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.34/netinfohourly1.0https://facebook.github.io/react-native/docs/0.34/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.34/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.34/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.34/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.34/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.34/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/appstatehourly1.0https://facebook.github.io/react-native/docs/0.34/pickerhourly1.0https://facebook.github.io/react-native/docs/0.34/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.34/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.34/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.34/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/linkinghourly1.0https://facebook.github.io/react-native/docs/0.34/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.34/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.34/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.34/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.34/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.34/sliderhourly1.0https://facebook.github.io/react-native/docs/0.34/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.34/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.34/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.34/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.34/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.34/sharehourly1.0https://facebook.github.io/react-native/docs/0.34/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.34/alerthourly1.0https://facebook.github.io/react-native/docs/0.34/alertioshourly1.0https://facebook.github.io/react-native/docs/0.34/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.34/buttonhourly1.0https://facebook.github.io/react-native/docs/0.34/systracehourly1.0https://facebook.github.io/react-native/docs/0.34/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.34/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.34/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.34/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.34/listviewhourly1.0https://facebook.github.io/react-native/docs/0.34/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.34/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.34/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.34/viewhourly1.0https://facebook.github.io/react-native/docs/0.34/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.34/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.34/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.34/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.34/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.34/animationshourly1.0https://facebook.github.io/react-native/docs/0.34/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.34/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.34/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.34/colorshourly1.0https://facebook.github.io/react-native/docs/0.34/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.34/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/debugginghourly1.0https://facebook.github.io/react-native/docs/0.34/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.34/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.34/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.34/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.34/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.34/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.34/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.34/imageshourly1.0https://facebook.github.io/react-native/docs/0.34/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.34/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.34/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.34/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.34/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.34/navigationhourly1.0https://facebook.github.io/react-native/docs/0.34/networkhourly1.0https://facebook.github.io/react-native/docs/0.34/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.34/performancehourly1.0https://facebook.github.io/react-native/docs/0.34/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.34/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.34/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.34/propshourly1.0https://facebook.github.io/react-native/docs/0.34/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.34/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.34/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.34/settingshourly1.0https://facebook.github.io/react-native/docs/0.34/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.34/statehourly1.0https://facebook.github.io/react-native/docs/0.34/stylehourly1.0https://facebook.github.io/react-native/docs/0.34/timershourly1.0https://facebook.github.io/react-native/docs/0.34/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.34/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.34/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.34/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.34/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.33/modalhourly1.0https://facebook.github.io/react-native/docs/0.33/texthourly1.0https://facebook.github.io/react-native/docs/0.33/textinputhourly1.0https://facebook.github.io/react-native/docs/0.33/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/imagehourly1.0https://facebook.github.io/react-native/docs/0.33/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.33/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.33/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.33/animatedhourly1.0https://facebook.github.io/react-native/docs/0.33/easinghourly1.0https://facebook.github.io/react-native/docs/0.33/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.33/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.33/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.33/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.33/transformshourly1.0https://facebook.github.io/react-native/docs/0.33/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.33/switchhourly1.0https://facebook.github.io/react-native/docs/0.33/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.33/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.33/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.33/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.33/webviewhourly1.0https://facebook.github.io/react-native/docs/0.33/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.33/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.33/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.33/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.33/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.33/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.33/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.33/netinfohourly1.0https://facebook.github.io/react-native/docs/0.33/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.33/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.33/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.33/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.33/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.33/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/appstatehourly1.0https://facebook.github.io/react-native/docs/0.33/pickerhourly1.0https://facebook.github.io/react-native/docs/0.33/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.33/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.33/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.33/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/linkinghourly1.0https://facebook.github.io/react-native/docs/0.33/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.33/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.33/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.33/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.33/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.33/sliderhourly1.0https://facebook.github.io/react-native/docs/0.33/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.33/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.33/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.33/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.33/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.33/sharehourly1.0https://facebook.github.io/react-native/docs/0.33/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.33/alerthourly1.0https://facebook.github.io/react-native/docs/0.33/alertioshourly1.0https://facebook.github.io/react-native/docs/0.33/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.33/buttonhourly1.0https://facebook.github.io/react-native/docs/0.33/systracehourly1.0https://facebook.github.io/react-native/docs/0.33/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.33/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.33/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.33/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.33/listviewhourly1.0https://facebook.github.io/react-native/docs/0.33/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.33/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.33/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.33/viewhourly1.0https://facebook.github.io/react-native/docs/0.33/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.33/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.33/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.33/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.33/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.33/animationshourly1.0https://facebook.github.io/react-native/docs/0.33/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.33/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.33/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.33/colorshourly1.0https://facebook.github.io/react-native/docs/0.33/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.33/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/debugginghourly1.0https://facebook.github.io/react-native/docs/0.33/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.33/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.33/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.33/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.33/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.33/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.33/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.33/imageshourly1.0https://facebook.github.io/react-native/docs/0.33/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.33/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.33/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.33/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.33/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.33/navigationhourly1.0https://facebook.github.io/react-native/docs/0.33/networkhourly1.0https://facebook.github.io/react-native/docs/0.33/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.33/performancehourly1.0https://facebook.github.io/react-native/docs/0.33/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.33/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.33/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.33/propshourly1.0https://facebook.github.io/react-native/docs/0.33/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.33/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.33/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.33/settingshourly1.0https://facebook.github.io/react-native/docs/0.33/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.33/statehourly1.0https://facebook.github.io/react-native/docs/0.33/stylehourly1.0https://facebook.github.io/react-native/docs/0.33/timershourly1.0https://facebook.github.io/react-native/docs/0.33/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.33/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.33/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.33/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.33/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.32/modalhourly1.0https://facebook.github.io/react-native/docs/0.32/texthourly1.0https://facebook.github.io/react-native/docs/0.32/textinputhourly1.0https://facebook.github.io/react-native/docs/0.32/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/imagehourly1.0https://facebook.github.io/react-native/docs/0.32/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.32/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.32/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.32/animatedhourly1.0https://facebook.github.io/react-native/docs/0.32/easinghourly1.0https://facebook.github.io/react-native/docs/0.32/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.32/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.32/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.32/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.32/transformshourly1.0https://facebook.github.io/react-native/docs/0.32/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.32/switchhourly1.0https://facebook.github.io/react-native/docs/0.32/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.32/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.32/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.32/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.32/webviewhourly1.0https://facebook.github.io/react-native/docs/0.32/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.32/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.32/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.32/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.32/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.32/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.32/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.32/netinfohourly1.0https://facebook.github.io/react-native/docs/0.32/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.32/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.32/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.32/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.32/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.32/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/appstatehourly1.0https://facebook.github.io/react-native/docs/0.32/pickerhourly1.0https://facebook.github.io/react-native/docs/0.32/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.32/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.32/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.32/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/linkinghourly1.0https://facebook.github.io/react-native/docs/0.32/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.32/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.32/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.32/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.32/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.32/sliderhourly1.0https://facebook.github.io/react-native/docs/0.32/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.32/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.32/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.32/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.32/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.32/sharehourly1.0https://facebook.github.io/react-native/docs/0.32/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.32/alerthourly1.0https://facebook.github.io/react-native/docs/0.32/alertioshourly1.0https://facebook.github.io/react-native/docs/0.32/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.32/buttonhourly1.0https://facebook.github.io/react-native/docs/0.32/systracehourly1.0https://facebook.github.io/react-native/docs/0.32/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.32/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.32/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.32/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.32/listviewhourly1.0https://facebook.github.io/react-native/docs/0.32/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.32/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.32/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.32/viewhourly1.0https://facebook.github.io/react-native/docs/0.32/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.32/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.32/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.32/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.32/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.32/animationshourly1.0https://facebook.github.io/react-native/docs/0.32/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.32/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.32/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.32/colorshourly1.0https://facebook.github.io/react-native/docs/0.32/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.32/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/debugginghourly1.0https://facebook.github.io/react-native/docs/0.32/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.32/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.32/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.32/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.32/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.32/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.32/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.32/imageshourly1.0https://facebook.github.io/react-native/docs/0.32/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.32/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.32/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.32/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.32/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.32/navigationhourly1.0https://facebook.github.io/react-native/docs/0.32/networkhourly1.0https://facebook.github.io/react-native/docs/0.32/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.32/performancehourly1.0https://facebook.github.io/react-native/docs/0.32/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.32/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.32/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.32/propshourly1.0https://facebook.github.io/react-native/docs/0.32/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.32/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.32/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.32/settingshourly1.0https://facebook.github.io/react-native/docs/0.32/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.32/statehourly1.0https://facebook.github.io/react-native/docs/0.32/stylehourly1.0https://facebook.github.io/react-native/docs/0.32/timershourly1.0https://facebook.github.io/react-native/docs/0.32/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.32/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.32/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.32/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.32/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.31/modalhourly1.0https://facebook.github.io/react-native/docs/0.31/texthourly1.0https://facebook.github.io/react-native/docs/0.31/textinputhourly1.0https://facebook.github.io/react-native/docs/0.31/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/imagehourly1.0https://facebook.github.io/react-native/docs/0.31/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.31/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.31/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.31/animatedhourly1.0https://facebook.github.io/react-native/docs/0.31/easinghourly1.0https://facebook.github.io/react-native/docs/0.31/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.31/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.31/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.31/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.31/transformshourly1.0https://facebook.github.io/react-native/docs/0.31/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.31/switchhourly1.0https://facebook.github.io/react-native/docs/0.31/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.31/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.31/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.31/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.31/webviewhourly1.0https://facebook.github.io/react-native/docs/0.31/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.31/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.31/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.31/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.31/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.31/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.31/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.31/netinfohourly1.0https://facebook.github.io/react-native/docs/0.31/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.31/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.31/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.31/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.31/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.31/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/appstatehourly1.0https://facebook.github.io/react-native/docs/0.31/pickerhourly1.0https://facebook.github.io/react-native/docs/0.31/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.31/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.31/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.31/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/linkinghourly1.0https://facebook.github.io/react-native/docs/0.31/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.31/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.31/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.31/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.31/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.31/sliderhourly1.0https://facebook.github.io/react-native/docs/0.31/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.31/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.31/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.31/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.31/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.31/sharehourly1.0https://facebook.github.io/react-native/docs/0.31/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.31/alerthourly1.0https://facebook.github.io/react-native/docs/0.31/alertioshourly1.0https://facebook.github.io/react-native/docs/0.31/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.31/buttonhourly1.0https://facebook.github.io/react-native/docs/0.31/systracehourly1.0https://facebook.github.io/react-native/docs/0.31/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.31/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.31/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.31/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.31/listviewhourly1.0https://facebook.github.io/react-native/docs/0.31/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.31/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.31/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.31/viewhourly1.0https://facebook.github.io/react-native/docs/0.31/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.31/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.31/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.31/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.31/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.31/animationshourly1.0https://facebook.github.io/react-native/docs/0.31/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.31/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.31/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.31/colorshourly1.0https://facebook.github.io/react-native/docs/0.31/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.31/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/debugginghourly1.0https://facebook.github.io/react-native/docs/0.31/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.31/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.31/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.31/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.31/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.31/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.31/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.31/imageshourly1.0https://facebook.github.io/react-native/docs/0.31/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.31/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.31/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.31/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.31/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.31/navigationhourly1.0https://facebook.github.io/react-native/docs/0.31/networkhourly1.0https://facebook.github.io/react-native/docs/0.31/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.31/performancehourly1.0https://facebook.github.io/react-native/docs/0.31/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.31/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.31/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.31/propshourly1.0https://facebook.github.io/react-native/docs/0.31/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.31/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.31/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.31/settingshourly1.0https://facebook.github.io/react-native/docs/0.31/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.31/statehourly1.0https://facebook.github.io/react-native/docs/0.31/stylehourly1.0https://facebook.github.io/react-native/docs/0.31/timershourly1.0https://facebook.github.io/react-native/docs/0.31/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.31/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.31/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.31/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.31/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.30/modalhourly1.0https://facebook.github.io/react-native/docs/0.30/texthourly1.0https://facebook.github.io/react-native/docs/0.30/textinputhourly1.0https://facebook.github.io/react-native/docs/0.30/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/imagehourly1.0https://facebook.github.io/react-native/docs/0.30/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.30/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.30/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.30/animatedhourly1.0https://facebook.github.io/react-native/docs/0.30/easinghourly1.0https://facebook.github.io/react-native/docs/0.30/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.30/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.30/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.30/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.30/transformshourly1.0https://facebook.github.io/react-native/docs/0.30/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.30/switchhourly1.0https://facebook.github.io/react-native/docs/0.30/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.30/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.30/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.30/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.30/webviewhourly1.0https://facebook.github.io/react-native/docs/0.30/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.30/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.30/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.30/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.30/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.30/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.30/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.30/netinfohourly1.0https://facebook.github.io/react-native/docs/0.30/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.30/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.30/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.30/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.30/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.30/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/appstatehourly1.0https://facebook.github.io/react-native/docs/0.30/pickerhourly1.0https://facebook.github.io/react-native/docs/0.30/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.30/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.30/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.30/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/linkinghourly1.0https://facebook.github.io/react-native/docs/0.30/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.30/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.30/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.30/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.30/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.30/sliderhourly1.0https://facebook.github.io/react-native/docs/0.30/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.30/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.30/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.30/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.30/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.30/sharehourly1.0https://facebook.github.io/react-native/docs/0.30/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.30/alerthourly1.0https://facebook.github.io/react-native/docs/0.30/alertioshourly1.0https://facebook.github.io/react-native/docs/0.30/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.30/buttonhourly1.0https://facebook.github.io/react-native/docs/0.30/systracehourly1.0https://facebook.github.io/react-native/docs/0.30/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.30/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.30/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.30/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.30/listviewhourly1.0https://facebook.github.io/react-native/docs/0.30/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.30/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.30/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.30/viewhourly1.0https://facebook.github.io/react-native/docs/0.30/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.30/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.30/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.30/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.30/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.30/animationshourly1.0https://facebook.github.io/react-native/docs/0.30/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.30/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.30/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.30/colorshourly1.0https://facebook.github.io/react-native/docs/0.30/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.30/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/debugginghourly1.0https://facebook.github.io/react-native/docs/0.30/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.30/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.30/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.30/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.30/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.30/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.30/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.30/imageshourly1.0https://facebook.github.io/react-native/docs/0.30/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.30/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.30/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.30/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.30/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.30/navigationhourly1.0https://facebook.github.io/react-native/docs/0.30/networkhourly1.0https://facebook.github.io/react-native/docs/0.30/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.30/performancehourly1.0https://facebook.github.io/react-native/docs/0.30/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.30/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.30/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.30/propshourly1.0https://facebook.github.io/react-native/docs/0.30/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.30/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.30/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.30/settingshourly1.0https://facebook.github.io/react-native/docs/0.30/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.30/statehourly1.0https://facebook.github.io/react-native/docs/0.30/stylehourly1.0https://facebook.github.io/react-native/docs/0.30/timershourly1.0https://facebook.github.io/react-native/docs/0.30/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.30/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.30/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.30/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.30/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.29/modalhourly1.0https://facebook.github.io/react-native/docs/0.29/texthourly1.0https://facebook.github.io/react-native/docs/0.29/textinputhourly1.0https://facebook.github.io/react-native/docs/0.29/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/imagehourly1.0https://facebook.github.io/react-native/docs/0.29/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.29/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.29/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.29/animatedhourly1.0https://facebook.github.io/react-native/docs/0.29/easinghourly1.0https://facebook.github.io/react-native/docs/0.29/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.29/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.29/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.29/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.29/transformshourly1.0https://facebook.github.io/react-native/docs/0.29/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.29/switchhourly1.0https://facebook.github.io/react-native/docs/0.29/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.29/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.29/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.29/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.29/webviewhourly1.0https://facebook.github.io/react-native/docs/0.29/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.29/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.29/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.29/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.29/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.29/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.29/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.29/netinfohourly1.0https://facebook.github.io/react-native/docs/0.29/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.29/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.29/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.29/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.29/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.29/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/appstatehourly1.0https://facebook.github.io/react-native/docs/0.29/pickerhourly1.0https://facebook.github.io/react-native/docs/0.29/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.29/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.29/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.29/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/linkinghourly1.0https://facebook.github.io/react-native/docs/0.29/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.29/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.29/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.29/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.29/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.29/sliderhourly1.0https://facebook.github.io/react-native/docs/0.29/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.29/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.29/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.29/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.29/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.29/sharehourly1.0https://facebook.github.io/react-native/docs/0.29/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.29/alerthourly1.0https://facebook.github.io/react-native/docs/0.29/alertioshourly1.0https://facebook.github.io/react-native/docs/0.29/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.29/buttonhourly1.0https://facebook.github.io/react-native/docs/0.29/systracehourly1.0https://facebook.github.io/react-native/docs/0.29/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.29/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.29/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.29/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.29/listviewhourly1.0https://facebook.github.io/react-native/docs/0.29/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.29/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.29/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.29/viewhourly1.0https://facebook.github.io/react-native/docs/0.29/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.29/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.29/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.29/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.29/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.29/animationshourly1.0https://facebook.github.io/react-native/docs/0.29/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.29/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.29/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.29/colorshourly1.0https://facebook.github.io/react-native/docs/0.29/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.29/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/debugginghourly1.0https://facebook.github.io/react-native/docs/0.29/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.29/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.29/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.29/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.29/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.29/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.29/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.29/imageshourly1.0https://facebook.github.io/react-native/docs/0.29/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.29/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.29/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.29/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.29/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.29/navigationhourly1.0https://facebook.github.io/react-native/docs/0.29/networkhourly1.0https://facebook.github.io/react-native/docs/0.29/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.29/performancehourly1.0https://facebook.github.io/react-native/docs/0.29/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.29/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.29/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.29/propshourly1.0https://facebook.github.io/react-native/docs/0.29/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.29/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.29/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.29/settingshourly1.0https://facebook.github.io/react-native/docs/0.29/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.29/statehourly1.0https://facebook.github.io/react-native/docs/0.29/stylehourly1.0https://facebook.github.io/react-native/docs/0.29/timershourly1.0https://facebook.github.io/react-native/docs/0.29/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.29/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.29/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.29/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.29/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.28/modalhourly1.0https://facebook.github.io/react-native/docs/0.28/texthourly1.0https://facebook.github.io/react-native/docs/0.28/textinputhourly1.0https://facebook.github.io/react-native/docs/0.28/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/imagehourly1.0https://facebook.github.io/react-native/docs/0.28/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.28/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.28/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.28/animatedhourly1.0https://facebook.github.io/react-native/docs/0.28/easinghourly1.0https://facebook.github.io/react-native/docs/0.28/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.28/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.28/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.28/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.28/transformshourly1.0https://facebook.github.io/react-native/docs/0.28/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.28/switchhourly1.0https://facebook.github.io/react-native/docs/0.28/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.28/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.28/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.28/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.28/webviewhourly1.0https://facebook.github.io/react-native/docs/0.28/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.28/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.28/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.28/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.28/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.28/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.28/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.28/netinfohourly1.0https://facebook.github.io/react-native/docs/0.28/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.28/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.28/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.28/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.28/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.28/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/appstatehourly1.0https://facebook.github.io/react-native/docs/0.28/pickerhourly1.0https://facebook.github.io/react-native/docs/0.28/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.28/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.28/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.28/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/linkinghourly1.0https://facebook.github.io/react-native/docs/0.28/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.28/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.28/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.28/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.28/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.28/sliderhourly1.0https://facebook.github.io/react-native/docs/0.28/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.28/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.28/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.28/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.28/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.28/sharehourly1.0https://facebook.github.io/react-native/docs/0.28/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.28/alerthourly1.0https://facebook.github.io/react-native/docs/0.28/alertioshourly1.0https://facebook.github.io/react-native/docs/0.28/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.28/buttonhourly1.0https://facebook.github.io/react-native/docs/0.28/systracehourly1.0https://facebook.github.io/react-native/docs/0.28/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.28/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.28/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.28/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.28/listviewhourly1.0https://facebook.github.io/react-native/docs/0.28/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.28/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.28/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.28/viewhourly1.0https://facebook.github.io/react-native/docs/0.28/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.28/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.28/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.28/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.28/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.28/animationshourly1.0https://facebook.github.io/react-native/docs/0.28/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.28/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.28/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.28/colorshourly1.0https://facebook.github.io/react-native/docs/0.28/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.28/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/debugginghourly1.0https://facebook.github.io/react-native/docs/0.28/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.28/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.28/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.28/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.28/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.28/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.28/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.28/imageshourly1.0https://facebook.github.io/react-native/docs/0.28/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.28/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.28/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.28/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.28/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.28/navigationhourly1.0https://facebook.github.io/react-native/docs/0.28/networkhourly1.0https://facebook.github.io/react-native/docs/0.28/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.28/performancehourly1.0https://facebook.github.io/react-native/docs/0.28/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.28/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.28/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.28/propshourly1.0https://facebook.github.io/react-native/docs/0.28/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.28/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.28/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.28/settingshourly1.0https://facebook.github.io/react-native/docs/0.28/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.28/statehourly1.0https://facebook.github.io/react-native/docs/0.28/stylehourly1.0https://facebook.github.io/react-native/docs/0.28/timershourly1.0https://facebook.github.io/react-native/docs/0.28/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.28/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.28/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.28/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.28/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.27/modalhourly1.0https://facebook.github.io/react-native/docs/0.27/texthourly1.0https://facebook.github.io/react-native/docs/0.27/textinputhourly1.0https://facebook.github.io/react-native/docs/0.27/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/imagehourly1.0https://facebook.github.io/react-native/docs/0.27/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.27/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.27/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.27/animatedhourly1.0https://facebook.github.io/react-native/docs/0.27/easinghourly1.0https://facebook.github.io/react-native/docs/0.27/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.27/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.27/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.27/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.27/transformshourly1.0https://facebook.github.io/react-native/docs/0.27/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.27/switchhourly1.0https://facebook.github.io/react-native/docs/0.27/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.27/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.27/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.27/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.27/webviewhourly1.0https://facebook.github.io/react-native/docs/0.27/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.27/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.27/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.27/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.27/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.27/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.27/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.27/netinfohourly1.0https://facebook.github.io/react-native/docs/0.27/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.27/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.27/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.27/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.27/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.27/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/appstatehourly1.0https://facebook.github.io/react-native/docs/0.27/pickerhourly1.0https://facebook.github.io/react-native/docs/0.27/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.27/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.27/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.27/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/linkinghourly1.0https://facebook.github.io/react-native/docs/0.27/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.27/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.27/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.27/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.27/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.27/sliderhourly1.0https://facebook.github.io/react-native/docs/0.27/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.27/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.27/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.27/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.27/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.27/sharehourly1.0https://facebook.github.io/react-native/docs/0.27/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.27/alerthourly1.0https://facebook.github.io/react-native/docs/0.27/alertioshourly1.0https://facebook.github.io/react-native/docs/0.27/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.27/buttonhourly1.0https://facebook.github.io/react-native/docs/0.27/systracehourly1.0https://facebook.github.io/react-native/docs/0.27/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.27/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.27/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.27/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.27/listviewhourly1.0https://facebook.github.io/react-native/docs/0.27/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.27/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.27/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.27/viewhourly1.0https://facebook.github.io/react-native/docs/0.27/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.27/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.27/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.27/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.27/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.27/animationshourly1.0https://facebook.github.io/react-native/docs/0.27/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.27/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.27/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.27/colorshourly1.0https://facebook.github.io/react-native/docs/0.27/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.27/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/debugginghourly1.0https://facebook.github.io/react-native/docs/0.27/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.27/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.27/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.27/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.27/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.27/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.27/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.27/imageshourly1.0https://facebook.github.io/react-native/docs/0.27/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.27/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.27/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.27/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.27/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.27/navigationhourly1.0https://facebook.github.io/react-native/docs/0.27/networkhourly1.0https://facebook.github.io/react-native/docs/0.27/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.27/performancehourly1.0https://facebook.github.io/react-native/docs/0.27/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.27/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.27/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.27/propshourly1.0https://facebook.github.io/react-native/docs/0.27/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.27/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.27/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.27/settingshourly1.0https://facebook.github.io/react-native/docs/0.27/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.27/statehourly1.0https://facebook.github.io/react-native/docs/0.27/stylehourly1.0https://facebook.github.io/react-native/docs/0.27/timershourly1.0https://facebook.github.io/react-native/docs/0.27/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.27/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.27/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.27/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.27/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.26/modalhourly1.0https://facebook.github.io/react-native/docs/0.26/texthourly1.0https://facebook.github.io/react-native/docs/0.26/textinputhourly1.0https://facebook.github.io/react-native/docs/0.26/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/imagehourly1.0https://facebook.github.io/react-native/docs/0.26/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.26/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.26/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.26/animatedhourly1.0https://facebook.github.io/react-native/docs/0.26/easinghourly1.0https://facebook.github.io/react-native/docs/0.26/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.26/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.26/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.26/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.26/transformshourly1.0https://facebook.github.io/react-native/docs/0.26/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.26/switchhourly1.0https://facebook.github.io/react-native/docs/0.26/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.26/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.26/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.26/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.26/webviewhourly1.0https://facebook.github.io/react-native/docs/0.26/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.26/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.26/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.26/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.26/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.26/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.26/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.26/netinfohourly1.0https://facebook.github.io/react-native/docs/0.26/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.26/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.26/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.26/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.26/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.26/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/appstatehourly1.0https://facebook.github.io/react-native/docs/0.26/pickerhourly1.0https://facebook.github.io/react-native/docs/0.26/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.26/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.26/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.26/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/linkinghourly1.0https://facebook.github.io/react-native/docs/0.26/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.26/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.26/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.26/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.26/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.26/sliderhourly1.0https://facebook.github.io/react-native/docs/0.26/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.26/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.26/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.26/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.26/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.26/sharehourly1.0https://facebook.github.io/react-native/docs/0.26/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.26/alerthourly1.0https://facebook.github.io/react-native/docs/0.26/alertioshourly1.0https://facebook.github.io/react-native/docs/0.26/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.26/buttonhourly1.0https://facebook.github.io/react-native/docs/0.26/systracehourly1.0https://facebook.github.io/react-native/docs/0.26/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.26/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.26/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.26/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.26/listviewhourly1.0https://facebook.github.io/react-native/docs/0.26/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.26/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.26/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.26/viewhourly1.0https://facebook.github.io/react-native/docs/0.26/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.26/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.26/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.26/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.26/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.26/animationshourly1.0https://facebook.github.io/react-native/docs/0.26/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.26/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.26/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.26/colorshourly1.0https://facebook.github.io/react-native/docs/0.26/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.26/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/debugginghourly1.0https://facebook.github.io/react-native/docs/0.26/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.26/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.26/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.26/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.26/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.26/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.26/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.26/imageshourly1.0https://facebook.github.io/react-native/docs/0.26/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.26/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.26/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.26/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.26/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.26/navigationhourly1.0https://facebook.github.io/react-native/docs/0.26/networkhourly1.0https://facebook.github.io/react-native/docs/0.26/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.26/performancehourly1.0https://facebook.github.io/react-native/docs/0.26/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.26/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.26/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.26/propshourly1.0https://facebook.github.io/react-native/docs/0.26/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.26/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.26/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.26/settingshourly1.0https://facebook.github.io/react-native/docs/0.26/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.26/statehourly1.0https://facebook.github.io/react-native/docs/0.26/stylehourly1.0https://facebook.github.io/react-native/docs/0.26/timershourly1.0https://facebook.github.io/react-native/docs/0.26/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.26/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.26/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.26/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.26/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.25/modalhourly1.0https://facebook.github.io/react-native/docs/0.25/texthourly1.0https://facebook.github.io/react-native/docs/0.25/textinputhourly1.0https://facebook.github.io/react-native/docs/0.25/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/imagehourly1.0https://facebook.github.io/react-native/docs/0.25/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.25/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.25/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.25/animatedhourly1.0https://facebook.github.io/react-native/docs/0.25/easinghourly1.0https://facebook.github.io/react-native/docs/0.25/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.25/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.25/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.25/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.25/transformshourly1.0https://facebook.github.io/react-native/docs/0.25/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.25/switchhourly1.0https://facebook.github.io/react-native/docs/0.25/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.25/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.25/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.25/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.25/webviewhourly1.0https://facebook.github.io/react-native/docs/0.25/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.25/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.25/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.25/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.25/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.25/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.25/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.25/netinfohourly1.0https://facebook.github.io/react-native/docs/0.25/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.25/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.25/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.25/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.25/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.25/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/appstatehourly1.0https://facebook.github.io/react-native/docs/0.25/pickerhourly1.0https://facebook.github.io/react-native/docs/0.25/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.25/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.25/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.25/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/linkinghourly1.0https://facebook.github.io/react-native/docs/0.25/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.25/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.25/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.25/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.25/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.25/sliderhourly1.0https://facebook.github.io/react-native/docs/0.25/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.25/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.25/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.25/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.25/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.25/sharehourly1.0https://facebook.github.io/react-native/docs/0.25/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.25/alerthourly1.0https://facebook.github.io/react-native/docs/0.25/alertioshourly1.0https://facebook.github.io/react-native/docs/0.25/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.25/buttonhourly1.0https://facebook.github.io/react-native/docs/0.25/systracehourly1.0https://facebook.github.io/react-native/docs/0.25/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.25/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.25/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.25/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.25/listviewhourly1.0https://facebook.github.io/react-native/docs/0.25/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.25/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.25/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.25/viewhourly1.0https://facebook.github.io/react-native/docs/0.25/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.25/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.25/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.25/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.25/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.25/animationshourly1.0https://facebook.github.io/react-native/docs/0.25/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.25/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.25/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.25/colorshourly1.0https://facebook.github.io/react-native/docs/0.25/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.25/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/debugginghourly1.0https://facebook.github.io/react-native/docs/0.25/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.25/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.25/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.25/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.25/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.25/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.25/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.25/imageshourly1.0https://facebook.github.io/react-native/docs/0.25/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.25/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.25/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.25/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.25/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.25/navigationhourly1.0https://facebook.github.io/react-native/docs/0.25/networkhourly1.0https://facebook.github.io/react-native/docs/0.25/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.25/performancehourly1.0https://facebook.github.io/react-native/docs/0.25/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.25/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.25/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.25/propshourly1.0https://facebook.github.io/react-native/docs/0.25/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.25/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.25/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.25/settingshourly1.0https://facebook.github.io/react-native/docs/0.25/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.25/statehourly1.0https://facebook.github.io/react-native/docs/0.25/stylehourly1.0https://facebook.github.io/react-native/docs/0.25/timershourly1.0https://facebook.github.io/react-native/docs/0.25/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.25/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.25/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.25/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.25/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.24/modalhourly1.0https://facebook.github.io/react-native/docs/0.24/texthourly1.0https://facebook.github.io/react-native/docs/0.24/textinputhourly1.0https://facebook.github.io/react-native/docs/0.24/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/imagehourly1.0https://facebook.github.io/react-native/docs/0.24/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.24/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.24/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.24/animatedhourly1.0https://facebook.github.io/react-native/docs/0.24/easinghourly1.0https://facebook.github.io/react-native/docs/0.24/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.24/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.24/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.24/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.24/transformshourly1.0https://facebook.github.io/react-native/docs/0.24/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.24/switchhourly1.0https://facebook.github.io/react-native/docs/0.24/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.24/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.24/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.24/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.24/webviewhourly1.0https://facebook.github.io/react-native/docs/0.24/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.24/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.24/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.24/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.24/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.24/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.24/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.24/netinfohourly1.0https://facebook.github.io/react-native/docs/0.24/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.24/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.24/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.24/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.24/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.24/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/appstatehourly1.0https://facebook.github.io/react-native/docs/0.24/pickerhourly1.0https://facebook.github.io/react-native/docs/0.24/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.24/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.24/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.24/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/linkinghourly1.0https://facebook.github.io/react-native/docs/0.24/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.24/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.24/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.24/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.24/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.24/sliderhourly1.0https://facebook.github.io/react-native/docs/0.24/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.24/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.24/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.24/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.24/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.24/sharehourly1.0https://facebook.github.io/react-native/docs/0.24/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.24/alerthourly1.0https://facebook.github.io/react-native/docs/0.24/alertioshourly1.0https://facebook.github.io/react-native/docs/0.24/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.24/buttonhourly1.0https://facebook.github.io/react-native/docs/0.24/systracehourly1.0https://facebook.github.io/react-native/docs/0.24/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.24/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.24/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.24/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.24/listviewhourly1.0https://facebook.github.io/react-native/docs/0.24/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.24/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.24/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.24/viewhourly1.0https://facebook.github.io/react-native/docs/0.24/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.24/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.24/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.24/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.24/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.24/animationshourly1.0https://facebook.github.io/react-native/docs/0.24/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.24/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.24/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.24/colorshourly1.0https://facebook.github.io/react-native/docs/0.24/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.24/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/debugginghourly1.0https://facebook.github.io/react-native/docs/0.24/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.24/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.24/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.24/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.24/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.24/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.24/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.24/imageshourly1.0https://facebook.github.io/react-native/docs/0.24/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.24/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.24/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.24/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.24/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.24/navigationhourly1.0https://facebook.github.io/react-native/docs/0.24/networkhourly1.0https://facebook.github.io/react-native/docs/0.24/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.24/performancehourly1.0https://facebook.github.io/react-native/docs/0.24/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.24/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.24/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.24/propshourly1.0https://facebook.github.io/react-native/docs/0.24/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.24/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.24/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.24/settingshourly1.0https://facebook.github.io/react-native/docs/0.24/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.24/statehourly1.0https://facebook.github.io/react-native/docs/0.24/stylehourly1.0https://facebook.github.io/react-native/docs/0.24/timershourly1.0https://facebook.github.io/react-native/docs/0.24/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.24/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.24/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.24/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.24/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.23/modalhourly1.0https://facebook.github.io/react-native/docs/0.23/texthourly1.0https://facebook.github.io/react-native/docs/0.23/textinputhourly1.0https://facebook.github.io/react-native/docs/0.23/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/imagehourly1.0https://facebook.github.io/react-native/docs/0.23/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.23/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.23/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.23/animatedhourly1.0https://facebook.github.io/react-native/docs/0.23/easinghourly1.0https://facebook.github.io/react-native/docs/0.23/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.23/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.23/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.23/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.23/transformshourly1.0https://facebook.github.io/react-native/docs/0.23/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.23/switchhourly1.0https://facebook.github.io/react-native/docs/0.23/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.23/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.23/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.23/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.23/webviewhourly1.0https://facebook.github.io/react-native/docs/0.23/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.23/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.23/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.23/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.23/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.23/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.23/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.23/netinfohourly1.0https://facebook.github.io/react-native/docs/0.23/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.23/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.23/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.23/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.23/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.23/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/appstatehourly1.0https://facebook.github.io/react-native/docs/0.23/pickerhourly1.0https://facebook.github.io/react-native/docs/0.23/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.23/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.23/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.23/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/linkinghourly1.0https://facebook.github.io/react-native/docs/0.23/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.23/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.23/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.23/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.23/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.23/sliderhourly1.0https://facebook.github.io/react-native/docs/0.23/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.23/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.23/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.23/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.23/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.23/sharehourly1.0https://facebook.github.io/react-native/docs/0.23/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.23/alerthourly1.0https://facebook.github.io/react-native/docs/0.23/alertioshourly1.0https://facebook.github.io/react-native/docs/0.23/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.23/buttonhourly1.0https://facebook.github.io/react-native/docs/0.23/systracehourly1.0https://facebook.github.io/react-native/docs/0.23/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.23/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.23/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.23/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.23/listviewhourly1.0https://facebook.github.io/react-native/docs/0.23/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.23/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.23/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.23/viewhourly1.0https://facebook.github.io/react-native/docs/0.23/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.23/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.23/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.23/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.23/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.23/animationshourly1.0https://facebook.github.io/react-native/docs/0.23/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.23/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.23/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.23/colorshourly1.0https://facebook.github.io/react-native/docs/0.23/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.23/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/debugginghourly1.0https://facebook.github.io/react-native/docs/0.23/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.23/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.23/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.23/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.23/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.23/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.23/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.23/imageshourly1.0https://facebook.github.io/react-native/docs/0.23/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.23/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.23/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.23/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.23/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.23/navigationhourly1.0https://facebook.github.io/react-native/docs/0.23/networkhourly1.0https://facebook.github.io/react-native/docs/0.23/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.23/performancehourly1.0https://facebook.github.io/react-native/docs/0.23/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.23/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.23/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.23/propshourly1.0https://facebook.github.io/react-native/docs/0.23/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.23/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.23/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.23/settingshourly1.0https://facebook.github.io/react-native/docs/0.23/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.23/statehourly1.0https://facebook.github.io/react-native/docs/0.23/stylehourly1.0https://facebook.github.io/react-native/docs/0.23/timershourly1.0https://facebook.github.io/react-native/docs/0.23/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.23/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.23/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.23/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.23/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.22/modalhourly1.0https://facebook.github.io/react-native/docs/0.22/texthourly1.0https://facebook.github.io/react-native/docs/0.22/textinputhourly1.0https://facebook.github.io/react-native/docs/0.22/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/imagehourly1.0https://facebook.github.io/react-native/docs/0.22/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.22/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.22/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.22/animatedhourly1.0https://facebook.github.io/react-native/docs/0.22/easinghourly1.0https://facebook.github.io/react-native/docs/0.22/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.22/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.22/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.22/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.22/transformshourly1.0https://facebook.github.io/react-native/docs/0.22/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.22/switchhourly1.0https://facebook.github.io/react-native/docs/0.22/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.22/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.22/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.22/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.22/webviewhourly1.0https://facebook.github.io/react-native/docs/0.22/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.22/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.22/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.22/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.22/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.22/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.22/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.22/netinfohourly1.0https://facebook.github.io/react-native/docs/0.22/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.22/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.22/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.22/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.22/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.22/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/appstatehourly1.0https://facebook.github.io/react-native/docs/0.22/pickerhourly1.0https://facebook.github.io/react-native/docs/0.22/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.22/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.22/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.22/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/linkinghourly1.0https://facebook.github.io/react-native/docs/0.22/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.22/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.22/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.22/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.22/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.22/sliderhourly1.0https://facebook.github.io/react-native/docs/0.22/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.22/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.22/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.22/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.22/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.22/sharehourly1.0https://facebook.github.io/react-native/docs/0.22/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.22/alerthourly1.0https://facebook.github.io/react-native/docs/0.22/alertioshourly1.0https://facebook.github.io/react-native/docs/0.22/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.22/buttonhourly1.0https://facebook.github.io/react-native/docs/0.22/systracehourly1.0https://facebook.github.io/react-native/docs/0.22/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.22/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.22/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.22/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.22/listviewhourly1.0https://facebook.github.io/react-native/docs/0.22/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.22/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.22/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.22/viewhourly1.0https://facebook.github.io/react-native/docs/0.22/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.22/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.22/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.22/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.22/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.22/animationshourly1.0https://facebook.github.io/react-native/docs/0.22/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.22/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.22/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.22/colorshourly1.0https://facebook.github.io/react-native/docs/0.22/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.22/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/debugginghourly1.0https://facebook.github.io/react-native/docs/0.22/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.22/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.22/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.22/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.22/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.22/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.22/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.22/imageshourly1.0https://facebook.github.io/react-native/docs/0.22/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.22/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.22/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.22/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.22/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.22/navigationhourly1.0https://facebook.github.io/react-native/docs/0.22/networkhourly1.0https://facebook.github.io/react-native/docs/0.22/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.22/performancehourly1.0https://facebook.github.io/react-native/docs/0.22/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.22/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.22/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.22/propshourly1.0https://facebook.github.io/react-native/docs/0.22/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.22/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.22/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.22/settingshourly1.0https://facebook.github.io/react-native/docs/0.22/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.22/statehourly1.0https://facebook.github.io/react-native/docs/0.22/stylehourly1.0https://facebook.github.io/react-native/docs/0.22/timershourly1.0https://facebook.github.io/react-native/docs/0.22/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.22/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.22/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.22/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.22/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.21/modalhourly1.0https://facebook.github.io/react-native/docs/0.21/texthourly1.0https://facebook.github.io/react-native/docs/0.21/textinputhourly1.0https://facebook.github.io/react-native/docs/0.21/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/imagehourly1.0https://facebook.github.io/react-native/docs/0.21/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.21/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.21/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.21/animatedhourly1.0https://facebook.github.io/react-native/docs/0.21/easinghourly1.0https://facebook.github.io/react-native/docs/0.21/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.21/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.21/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.21/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.21/transformshourly1.0https://facebook.github.io/react-native/docs/0.21/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.21/switchhourly1.0https://facebook.github.io/react-native/docs/0.21/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.21/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.21/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.21/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.21/webviewhourly1.0https://facebook.github.io/react-native/docs/0.21/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.21/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.21/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.21/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.21/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.21/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.21/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.21/netinfohourly1.0https://facebook.github.io/react-native/docs/0.21/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.21/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.21/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.21/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.21/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.21/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/appstatehourly1.0https://facebook.github.io/react-native/docs/0.21/pickerhourly1.0https://facebook.github.io/react-native/docs/0.21/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.21/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.21/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.21/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/linkinghourly1.0https://facebook.github.io/react-native/docs/0.21/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.21/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.21/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.21/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.21/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.21/sliderhourly1.0https://facebook.github.io/react-native/docs/0.21/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.21/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.21/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.21/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.21/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.21/sharehourly1.0https://facebook.github.io/react-native/docs/0.21/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.21/alerthourly1.0https://facebook.github.io/react-native/docs/0.21/alertioshourly1.0https://facebook.github.io/react-native/docs/0.21/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.21/buttonhourly1.0https://facebook.github.io/react-native/docs/0.21/systracehourly1.0https://facebook.github.io/react-native/docs/0.21/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.21/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.21/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.21/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.21/listviewhourly1.0https://facebook.github.io/react-native/docs/0.21/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.21/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.21/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.21/viewhourly1.0https://facebook.github.io/react-native/docs/0.21/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.21/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.21/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.21/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.21/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.21/animationshourly1.0https://facebook.github.io/react-native/docs/0.21/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.21/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.21/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.21/colorshourly1.0https://facebook.github.io/react-native/docs/0.21/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.21/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/debugginghourly1.0https://facebook.github.io/react-native/docs/0.21/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.21/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.21/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.21/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.21/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.21/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.21/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.21/imageshourly1.0https://facebook.github.io/react-native/docs/0.21/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.21/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.21/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.21/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.21/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.21/navigationhourly1.0https://facebook.github.io/react-native/docs/0.21/networkhourly1.0https://facebook.github.io/react-native/docs/0.21/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.21/performancehourly1.0https://facebook.github.io/react-native/docs/0.21/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.21/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.21/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.21/propshourly1.0https://facebook.github.io/react-native/docs/0.21/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.21/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.21/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.21/settingshourly1.0https://facebook.github.io/react-native/docs/0.21/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.21/statehourly1.0https://facebook.github.io/react-native/docs/0.21/stylehourly1.0https://facebook.github.io/react-native/docs/0.21/timershourly1.0https://facebook.github.io/react-native/docs/0.21/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.21/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.21/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.21/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.21/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.20/modalhourly1.0https://facebook.github.io/react-native/docs/0.20/texthourly1.0https://facebook.github.io/react-native/docs/0.20/textinputhourly1.0https://facebook.github.io/react-native/docs/0.20/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/imagehourly1.0https://facebook.github.io/react-native/docs/0.20/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.20/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.20/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.20/animatedhourly1.0https://facebook.github.io/react-native/docs/0.20/easinghourly1.0https://facebook.github.io/react-native/docs/0.20/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.20/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.20/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.20/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.20/transformshourly1.0https://facebook.github.io/react-native/docs/0.20/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.20/switchhourly1.0https://facebook.github.io/react-native/docs/0.20/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.20/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.20/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.20/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.20/webviewhourly1.0https://facebook.github.io/react-native/docs/0.20/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.20/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.20/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.20/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.20/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.20/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.20/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.20/netinfohourly1.0https://facebook.github.io/react-native/docs/0.20/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.20/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.20/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.20/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.20/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.20/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/appstatehourly1.0https://facebook.github.io/react-native/docs/0.20/pickerhourly1.0https://facebook.github.io/react-native/docs/0.20/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.20/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.20/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.20/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/linkinghourly1.0https://facebook.github.io/react-native/docs/0.20/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.20/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.20/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.20/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.20/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.20/sliderhourly1.0https://facebook.github.io/react-native/docs/0.20/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.20/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.20/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.20/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.20/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.20/sharehourly1.0https://facebook.github.io/react-native/docs/0.20/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.20/alerthourly1.0https://facebook.github.io/react-native/docs/0.20/alertioshourly1.0https://facebook.github.io/react-native/docs/0.20/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.20/buttonhourly1.0https://facebook.github.io/react-native/docs/0.20/systracehourly1.0https://facebook.github.io/react-native/docs/0.20/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.20/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.20/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.20/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.20/listviewhourly1.0https://facebook.github.io/react-native/docs/0.20/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.20/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.20/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.20/viewhourly1.0https://facebook.github.io/react-native/docs/0.20/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.20/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.20/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.20/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.20/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.20/animationshourly1.0https://facebook.github.io/react-native/docs/0.20/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.20/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.20/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.20/colorshourly1.0https://facebook.github.io/react-native/docs/0.20/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.20/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/debugginghourly1.0https://facebook.github.io/react-native/docs/0.20/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.20/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.20/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.20/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.20/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.20/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.20/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.20/imageshourly1.0https://facebook.github.io/react-native/docs/0.20/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.20/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.20/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.20/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.20/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.20/navigationhourly1.0https://facebook.github.io/react-native/docs/0.20/networkhourly1.0https://facebook.github.io/react-native/docs/0.20/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.20/performancehourly1.0https://facebook.github.io/react-native/docs/0.20/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.20/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.20/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.20/propshourly1.0https://facebook.github.io/react-native/docs/0.20/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.20/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.20/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.20/settingshourly1.0https://facebook.github.io/react-native/docs/0.20/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.20/statehourly1.0https://facebook.github.io/react-native/docs/0.20/stylehourly1.0https://facebook.github.io/react-native/docs/0.20/timershourly1.0https://facebook.github.io/react-native/docs/0.20/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.20/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.20/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.20/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.20/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.19/modalhourly1.0https://facebook.github.io/react-native/docs/0.19/texthourly1.0https://facebook.github.io/react-native/docs/0.19/textinputhourly1.0https://facebook.github.io/react-native/docs/0.19/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/imagehourly1.0https://facebook.github.io/react-native/docs/0.19/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.19/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.19/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.19/animatedhourly1.0https://facebook.github.io/react-native/docs/0.19/easinghourly1.0https://facebook.github.io/react-native/docs/0.19/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.19/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.19/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.19/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.19/transformshourly1.0https://facebook.github.io/react-native/docs/0.19/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.19/switchhourly1.0https://facebook.github.io/react-native/docs/0.19/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.19/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.19/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.19/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.19/webviewhourly1.0https://facebook.github.io/react-native/docs/0.19/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.19/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.19/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.19/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.19/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.19/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.19/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.19/netinfohourly1.0https://facebook.github.io/react-native/docs/0.19/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.19/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.19/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.19/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.19/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.19/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/appstatehourly1.0https://facebook.github.io/react-native/docs/0.19/pickerhourly1.0https://facebook.github.io/react-native/docs/0.19/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.19/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.19/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.19/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/linkinghourly1.0https://facebook.github.io/react-native/docs/0.19/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.19/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.19/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.19/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.19/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.19/sliderhourly1.0https://facebook.github.io/react-native/docs/0.19/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.19/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.19/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.19/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.19/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.19/sharehourly1.0https://facebook.github.io/react-native/docs/0.19/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.19/alerthourly1.0https://facebook.github.io/react-native/docs/0.19/alertioshourly1.0https://facebook.github.io/react-native/docs/0.19/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.19/buttonhourly1.0https://facebook.github.io/react-native/docs/0.19/systracehourly1.0https://facebook.github.io/react-native/docs/0.19/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.19/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.19/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.19/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.19/listviewhourly1.0https://facebook.github.io/react-native/docs/0.19/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.19/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.19/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.19/viewhourly1.0https://facebook.github.io/react-native/docs/0.19/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.19/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.19/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.19/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.19/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.19/animationshourly1.0https://facebook.github.io/react-native/docs/0.19/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.19/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.19/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.19/colorshourly1.0https://facebook.github.io/react-native/docs/0.19/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.19/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/debugginghourly1.0https://facebook.github.io/react-native/docs/0.19/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.19/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.19/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.19/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.19/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.19/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.19/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.19/imageshourly1.0https://facebook.github.io/react-native/docs/0.19/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.19/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.19/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.19/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.19/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.19/navigationhourly1.0https://facebook.github.io/react-native/docs/0.19/networkhourly1.0https://facebook.github.io/react-native/docs/0.19/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.19/performancehourly1.0https://facebook.github.io/react-native/docs/0.19/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.19/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.19/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.19/propshourly1.0https://facebook.github.io/react-native/docs/0.19/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.19/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.19/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.19/settingshourly1.0https://facebook.github.io/react-native/docs/0.19/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.19/statehourly1.0https://facebook.github.io/react-native/docs/0.19/stylehourly1.0https://facebook.github.io/react-native/docs/0.19/timershourly1.0https://facebook.github.io/react-native/docs/0.19/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.19/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.19/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.19/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.19/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.18/modalhourly1.0https://facebook.github.io/react-native/docs/0.18/texthourly1.0https://facebook.github.io/react-native/docs/0.18/textinputhourly1.0https://facebook.github.io/react-native/docs/0.18/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/imagehourly1.0https://facebook.github.io/react-native/docs/0.18/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.18/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.18/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.18/animatedhourly1.0https://facebook.github.io/react-native/docs/0.18/easinghourly1.0https://facebook.github.io/react-native/docs/0.18/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.18/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.18/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.18/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.18/transformshourly1.0https://facebook.github.io/react-native/docs/0.18/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.18/switchhourly1.0https://facebook.github.io/react-native/docs/0.18/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.18/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.18/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.18/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.18/webviewhourly1.0https://facebook.github.io/react-native/docs/0.18/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.18/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.18/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.18/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.18/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.18/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.18/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.18/netinfohourly1.0https://facebook.github.io/react-native/docs/0.18/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.18/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.18/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.18/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.18/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.18/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/appstatehourly1.0https://facebook.github.io/react-native/docs/0.18/pickerhourly1.0https://facebook.github.io/react-native/docs/0.18/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.18/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.18/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.18/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/linkinghourly1.0https://facebook.github.io/react-native/docs/0.18/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.18/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.18/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.18/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.18/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.18/sliderhourly1.0https://facebook.github.io/react-native/docs/0.18/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.18/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.18/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.18/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.18/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.18/sharehourly1.0https://facebook.github.io/react-native/docs/0.18/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.18/alerthourly1.0https://facebook.github.io/react-native/docs/0.18/alertioshourly1.0https://facebook.github.io/react-native/docs/0.18/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.18/buttonhourly1.0https://facebook.github.io/react-native/docs/0.18/systracehourly1.0https://facebook.github.io/react-native/docs/0.18/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.18/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.18/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.18/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.18/listviewhourly1.0https://facebook.github.io/react-native/docs/0.18/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.18/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.18/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.18/viewhourly1.0https://facebook.github.io/react-native/docs/0.18/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.18/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.18/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.18/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.18/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.18/animationshourly1.0https://facebook.github.io/react-native/docs/0.18/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.18/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.18/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.18/colorshourly1.0https://facebook.github.io/react-native/docs/0.18/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.18/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/debugginghourly1.0https://facebook.github.io/react-native/docs/0.18/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.18/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.18/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.18/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.18/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.18/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.18/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.18/imageshourly1.0https://facebook.github.io/react-native/docs/0.18/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.18/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.18/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.18/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.18/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.18/navigationhourly1.0https://facebook.github.io/react-native/docs/0.18/networkhourly1.0https://facebook.github.io/react-native/docs/0.18/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.18/performancehourly1.0https://facebook.github.io/react-native/docs/0.18/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.18/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.18/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.18/propshourly1.0https://facebook.github.io/react-native/docs/0.18/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.18/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.18/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.18/settingshourly1.0https://facebook.github.io/react-native/docs/0.18/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.18/statehourly1.0https://facebook.github.io/react-native/docs/0.18/stylehourly1.0https://facebook.github.io/react-native/docs/0.18/timershourly1.0https://facebook.github.io/react-native/docs/0.18/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.18/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.18/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.18/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.18/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.17/modalhourly1.0https://facebook.github.io/react-native/docs/0.17/texthourly1.0https://facebook.github.io/react-native/docs/0.17/textinputhourly1.0https://facebook.github.io/react-native/docs/0.17/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/imagehourly1.0https://facebook.github.io/react-native/docs/0.17/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.17/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.17/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.17/animatedhourly1.0https://facebook.github.io/react-native/docs/0.17/easinghourly1.0https://facebook.github.io/react-native/docs/0.17/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.17/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.17/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.17/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.17/transformshourly1.0https://facebook.github.io/react-native/docs/0.17/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.17/switchhourly1.0https://facebook.github.io/react-native/docs/0.17/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.17/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.17/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.17/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.17/webviewhourly1.0https://facebook.github.io/react-native/docs/0.17/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.17/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.17/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.17/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.17/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.17/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.17/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.17/netinfohourly1.0https://facebook.github.io/react-native/docs/0.17/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.17/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.17/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.17/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.17/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.17/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/appstatehourly1.0https://facebook.github.io/react-native/docs/0.17/pickerhourly1.0https://facebook.github.io/react-native/docs/0.17/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.17/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.17/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.17/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/linkinghourly1.0https://facebook.github.io/react-native/docs/0.17/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.17/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.17/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.17/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.17/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.17/sliderhourly1.0https://facebook.github.io/react-native/docs/0.17/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.17/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.17/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.17/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.17/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.17/sharehourly1.0https://facebook.github.io/react-native/docs/0.17/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.17/alerthourly1.0https://facebook.github.io/react-native/docs/0.17/alertioshourly1.0https://facebook.github.io/react-native/docs/0.17/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.17/buttonhourly1.0https://facebook.github.io/react-native/docs/0.17/systracehourly1.0https://facebook.github.io/react-native/docs/0.17/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.17/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.17/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.17/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.17/listviewhourly1.0https://facebook.github.io/react-native/docs/0.17/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.17/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.17/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.17/viewhourly1.0https://facebook.github.io/react-native/docs/0.17/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.17/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.17/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.17/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.17/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.17/animationshourly1.0https://facebook.github.io/react-native/docs/0.17/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.17/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.17/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.17/colorshourly1.0https://facebook.github.io/react-native/docs/0.17/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.17/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/debugginghourly1.0https://facebook.github.io/react-native/docs/0.17/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.17/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.17/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.17/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.17/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.17/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.17/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.17/imageshourly1.0https://facebook.github.io/react-native/docs/0.17/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.17/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.17/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.17/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.17/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.17/navigationhourly1.0https://facebook.github.io/react-native/docs/0.17/networkhourly1.0https://facebook.github.io/react-native/docs/0.17/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.17/performancehourly1.0https://facebook.github.io/react-native/docs/0.17/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.17/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.17/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.17/propshourly1.0https://facebook.github.io/react-native/docs/0.17/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.17/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.17/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.17/settingshourly1.0https://facebook.github.io/react-native/docs/0.17/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.17/statehourly1.0https://facebook.github.io/react-native/docs/0.17/stylehourly1.0https://facebook.github.io/react-native/docs/0.17/timershourly1.0https://facebook.github.io/react-native/docs/0.17/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.17/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.17/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.17/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.17/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.16/modalhourly1.0https://facebook.github.io/react-native/docs/0.16/texthourly1.0https://facebook.github.io/react-native/docs/0.16/textinputhourly1.0https://facebook.github.io/react-native/docs/0.16/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/imagehourly1.0https://facebook.github.io/react-native/docs/0.16/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.16/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.16/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.16/animatedhourly1.0https://facebook.github.io/react-native/docs/0.16/easinghourly1.0https://facebook.github.io/react-native/docs/0.16/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.16/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.16/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.16/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.16/transformshourly1.0https://facebook.github.io/react-native/docs/0.16/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.16/switchhourly1.0https://facebook.github.io/react-native/docs/0.16/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.16/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.16/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.16/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.16/webviewhourly1.0https://facebook.github.io/react-native/docs/0.16/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.16/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.16/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.16/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.16/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.16/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.16/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.16/netinfohourly1.0https://facebook.github.io/react-native/docs/0.16/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.16/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.16/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.16/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.16/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.16/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/appstatehourly1.0https://facebook.github.io/react-native/docs/0.16/pickerhourly1.0https://facebook.github.io/react-native/docs/0.16/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.16/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.16/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.16/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/linkinghourly1.0https://facebook.github.io/react-native/docs/0.16/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.16/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.16/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.16/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.16/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.16/sliderhourly1.0https://facebook.github.io/react-native/docs/0.16/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.16/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.16/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.16/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.16/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.16/sharehourly1.0https://facebook.github.io/react-native/docs/0.16/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.16/alerthourly1.0https://facebook.github.io/react-native/docs/0.16/alertioshourly1.0https://facebook.github.io/react-native/docs/0.16/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.16/buttonhourly1.0https://facebook.github.io/react-native/docs/0.16/systracehourly1.0https://facebook.github.io/react-native/docs/0.16/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.16/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.16/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.16/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.16/listviewhourly1.0https://facebook.github.io/react-native/docs/0.16/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.16/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.16/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.16/viewhourly1.0https://facebook.github.io/react-native/docs/0.16/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.16/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.16/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.16/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.16/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.16/animationshourly1.0https://facebook.github.io/react-native/docs/0.16/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.16/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.16/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.16/colorshourly1.0https://facebook.github.io/react-native/docs/0.16/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.16/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/debugginghourly1.0https://facebook.github.io/react-native/docs/0.16/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.16/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.16/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.16/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.16/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.16/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.16/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.16/imageshourly1.0https://facebook.github.io/react-native/docs/0.16/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.16/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.16/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.16/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.16/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.16/navigationhourly1.0https://facebook.github.io/react-native/docs/0.16/networkhourly1.0https://facebook.github.io/react-native/docs/0.16/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.16/performancehourly1.0https://facebook.github.io/react-native/docs/0.16/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.16/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.16/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.16/propshourly1.0https://facebook.github.io/react-native/docs/0.16/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.16/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.16/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.16/settingshourly1.0https://facebook.github.io/react-native/docs/0.16/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.16/statehourly1.0https://facebook.github.io/react-native/docs/0.16/stylehourly1.0https://facebook.github.io/react-native/docs/0.16/timershourly1.0https://facebook.github.io/react-native/docs/0.16/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.16/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.16/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.16/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.16/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.15/modalhourly1.0https://facebook.github.io/react-native/docs/0.15/texthourly1.0https://facebook.github.io/react-native/docs/0.15/textinputhourly1.0https://facebook.github.io/react-native/docs/0.15/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/imagehourly1.0https://facebook.github.io/react-native/docs/0.15/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.15/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.15/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.15/animatedhourly1.0https://facebook.github.io/react-native/docs/0.15/easinghourly1.0https://facebook.github.io/react-native/docs/0.15/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.15/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.15/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.15/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.15/transformshourly1.0https://facebook.github.io/react-native/docs/0.15/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.15/switchhourly1.0https://facebook.github.io/react-native/docs/0.15/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.15/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.15/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.15/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.15/webviewhourly1.0https://facebook.github.io/react-native/docs/0.15/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.15/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.15/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.15/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.15/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.15/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.15/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.15/netinfohourly1.0https://facebook.github.io/react-native/docs/0.15/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.15/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.15/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.15/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.15/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.15/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/appstatehourly1.0https://facebook.github.io/react-native/docs/0.15/pickerhourly1.0https://facebook.github.io/react-native/docs/0.15/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.15/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.15/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.15/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/linkinghourly1.0https://facebook.github.io/react-native/docs/0.15/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.15/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.15/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.15/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.15/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.15/sliderhourly1.0https://facebook.github.io/react-native/docs/0.15/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.15/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.15/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.15/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.15/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.15/sharehourly1.0https://facebook.github.io/react-native/docs/0.15/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.15/alerthourly1.0https://facebook.github.io/react-native/docs/0.15/alertioshourly1.0https://facebook.github.io/react-native/docs/0.15/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.15/buttonhourly1.0https://facebook.github.io/react-native/docs/0.15/systracehourly1.0https://facebook.github.io/react-native/docs/0.15/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.15/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.15/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.15/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.15/listviewhourly1.0https://facebook.github.io/react-native/docs/0.15/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.15/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.15/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.15/viewhourly1.0https://facebook.github.io/react-native/docs/0.15/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.15/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.15/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.15/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.15/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.15/animationshourly1.0https://facebook.github.io/react-native/docs/0.15/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.15/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.15/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.15/colorshourly1.0https://facebook.github.io/react-native/docs/0.15/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.15/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/debugginghourly1.0https://facebook.github.io/react-native/docs/0.15/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.15/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.15/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.15/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.15/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.15/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.15/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.15/imageshourly1.0https://facebook.github.io/react-native/docs/0.15/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.15/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.15/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.15/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.15/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.15/navigationhourly1.0https://facebook.github.io/react-native/docs/0.15/networkhourly1.0https://facebook.github.io/react-native/docs/0.15/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.15/performancehourly1.0https://facebook.github.io/react-native/docs/0.15/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.15/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.15/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.15/propshourly1.0https://facebook.github.io/react-native/docs/0.15/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.15/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.15/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.15/settingshourly1.0https://facebook.github.io/react-native/docs/0.15/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.15/statehourly1.0https://facebook.github.io/react-native/docs/0.15/stylehourly1.0https://facebook.github.io/react-native/docs/0.15/timershourly1.0https://facebook.github.io/react-native/docs/0.15/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.15/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.15/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.15/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.15/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.14/modalhourly1.0https://facebook.github.io/react-native/docs/0.14/texthourly1.0https://facebook.github.io/react-native/docs/0.14/textinputhourly1.0https://facebook.github.io/react-native/docs/0.14/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/imagehourly1.0https://facebook.github.io/react-native/docs/0.14/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.14/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.14/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.14/animatedhourly1.0https://facebook.github.io/react-native/docs/0.14/easinghourly1.0https://facebook.github.io/react-native/docs/0.14/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.14/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.14/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.14/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.14/transformshourly1.0https://facebook.github.io/react-native/docs/0.14/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.14/switchhourly1.0https://facebook.github.io/react-native/docs/0.14/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.14/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.14/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.14/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.14/webviewhourly1.0https://facebook.github.io/react-native/docs/0.14/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.14/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.14/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.14/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.14/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.14/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.14/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.14/netinfohourly1.0https://facebook.github.io/react-native/docs/0.14/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.14/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.14/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.14/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.14/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.14/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/appstatehourly1.0https://facebook.github.io/react-native/docs/0.14/pickerhourly1.0https://facebook.github.io/react-native/docs/0.14/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.14/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.14/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.14/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/linkinghourly1.0https://facebook.github.io/react-native/docs/0.14/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.14/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.14/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.14/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.14/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.14/sliderhourly1.0https://facebook.github.io/react-native/docs/0.14/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.14/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.14/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.14/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.14/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.14/sharehourly1.0https://facebook.github.io/react-native/docs/0.14/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.14/alerthourly1.0https://facebook.github.io/react-native/docs/0.14/alertioshourly1.0https://facebook.github.io/react-native/docs/0.14/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.14/buttonhourly1.0https://facebook.github.io/react-native/docs/0.14/systracehourly1.0https://facebook.github.io/react-native/docs/0.14/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.14/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.14/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.14/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.14/listviewhourly1.0https://facebook.github.io/react-native/docs/0.14/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.14/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.14/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.14/viewhourly1.0https://facebook.github.io/react-native/docs/0.14/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.14/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.14/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.14/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.14/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.14/animationshourly1.0https://facebook.github.io/react-native/docs/0.14/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.14/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.14/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.14/colorshourly1.0https://facebook.github.io/react-native/docs/0.14/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.14/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/debugginghourly1.0https://facebook.github.io/react-native/docs/0.14/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.14/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.14/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.14/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.14/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.14/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.14/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.14/imageshourly1.0https://facebook.github.io/react-native/docs/0.14/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.14/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.14/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.14/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.14/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.14/navigationhourly1.0https://facebook.github.io/react-native/docs/0.14/networkhourly1.0https://facebook.github.io/react-native/docs/0.14/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.14/performancehourly1.0https://facebook.github.io/react-native/docs/0.14/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.14/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.14/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.14/propshourly1.0https://facebook.github.io/react-native/docs/0.14/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.14/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.14/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.14/settingshourly1.0https://facebook.github.io/react-native/docs/0.14/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.14/statehourly1.0https://facebook.github.io/react-native/docs/0.14/stylehourly1.0https://facebook.github.io/react-native/docs/0.14/timershourly1.0https://facebook.github.io/react-native/docs/0.14/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.14/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.14/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.14/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.14/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.13/modalhourly1.0https://facebook.github.io/react-native/docs/0.13/texthourly1.0https://facebook.github.io/react-native/docs/0.13/textinputhourly1.0https://facebook.github.io/react-native/docs/0.13/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/imagehourly1.0https://facebook.github.io/react-native/docs/0.13/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.13/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.13/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.13/animatedhourly1.0https://facebook.github.io/react-native/docs/0.13/easinghourly1.0https://facebook.github.io/react-native/docs/0.13/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.13/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.13/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.13/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.13/transformshourly1.0https://facebook.github.io/react-native/docs/0.13/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.13/switchhourly1.0https://facebook.github.io/react-native/docs/0.13/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.13/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.13/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.13/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.13/webviewhourly1.0https://facebook.github.io/react-native/docs/0.13/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.13/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.13/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.13/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.13/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.13/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.13/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.13/netinfohourly1.0https://facebook.github.io/react-native/docs/0.13/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.13/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.13/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.13/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.13/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.13/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/appstatehourly1.0https://facebook.github.io/react-native/docs/0.13/pickerhourly1.0https://facebook.github.io/react-native/docs/0.13/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.13/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.13/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.13/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/linkinghourly1.0https://facebook.github.io/react-native/docs/0.13/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.13/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.13/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.13/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.13/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.13/sliderhourly1.0https://facebook.github.io/react-native/docs/0.13/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.13/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.13/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.13/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.13/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.13/sharehourly1.0https://facebook.github.io/react-native/docs/0.13/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.13/alerthourly1.0https://facebook.github.io/react-native/docs/0.13/alertioshourly1.0https://facebook.github.io/react-native/docs/0.13/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.13/buttonhourly1.0https://facebook.github.io/react-native/docs/0.13/systracehourly1.0https://facebook.github.io/react-native/docs/0.13/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.13/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.13/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.13/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.13/listviewhourly1.0https://facebook.github.io/react-native/docs/0.13/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.13/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.13/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.13/viewhourly1.0https://facebook.github.io/react-native/docs/0.13/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.13/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.13/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.13/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.13/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.13/animationshourly1.0https://facebook.github.io/react-native/docs/0.13/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.13/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.13/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.13/colorshourly1.0https://facebook.github.io/react-native/docs/0.13/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.13/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/debugginghourly1.0https://facebook.github.io/react-native/docs/0.13/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.13/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.13/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.13/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.13/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.13/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.13/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.13/imageshourly1.0https://facebook.github.io/react-native/docs/0.13/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.13/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.13/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.13/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.13/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.13/navigationhourly1.0https://facebook.github.io/react-native/docs/0.13/networkhourly1.0https://facebook.github.io/react-native/docs/0.13/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.13/performancehourly1.0https://facebook.github.io/react-native/docs/0.13/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.13/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.13/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.13/propshourly1.0https://facebook.github.io/react-native/docs/0.13/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.13/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.13/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.13/settingshourly1.0https://facebook.github.io/react-native/docs/0.13/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.13/statehourly1.0https://facebook.github.io/react-native/docs/0.13/stylehourly1.0https://facebook.github.io/react-native/docs/0.13/timershourly1.0https://facebook.github.io/react-native/docs/0.13/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.13/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.13/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.13/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.13/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.12/modalhourly1.0https://facebook.github.io/react-native/docs/0.12/texthourly1.0https://facebook.github.io/react-native/docs/0.12/textinputhourly1.0https://facebook.github.io/react-native/docs/0.12/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/imagehourly1.0https://facebook.github.io/react-native/docs/0.12/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.12/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.12/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.12/animatedhourly1.0https://facebook.github.io/react-native/docs/0.12/easinghourly1.0https://facebook.github.io/react-native/docs/0.12/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.12/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.12/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.12/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.12/transformshourly1.0https://facebook.github.io/react-native/docs/0.12/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.12/switchhourly1.0https://facebook.github.io/react-native/docs/0.12/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.12/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.12/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.12/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.12/webviewhourly1.0https://facebook.github.io/react-native/docs/0.12/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.12/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.12/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.12/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.12/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.12/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.12/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.12/netinfohourly1.0https://facebook.github.io/react-native/docs/0.12/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.12/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.12/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.12/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.12/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.12/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/appstatehourly1.0https://facebook.github.io/react-native/docs/0.12/pickerhourly1.0https://facebook.github.io/react-native/docs/0.12/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.12/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.12/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.12/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/linkinghourly1.0https://facebook.github.io/react-native/docs/0.12/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.12/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.12/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.12/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.12/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.12/sliderhourly1.0https://facebook.github.io/react-native/docs/0.12/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.12/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.12/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.12/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.12/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.12/sharehourly1.0https://facebook.github.io/react-native/docs/0.12/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.12/alerthourly1.0https://facebook.github.io/react-native/docs/0.12/alertioshourly1.0https://facebook.github.io/react-native/docs/0.12/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.12/buttonhourly1.0https://facebook.github.io/react-native/docs/0.12/systracehourly1.0https://facebook.github.io/react-native/docs/0.12/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.12/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.12/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.12/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.12/listviewhourly1.0https://facebook.github.io/react-native/docs/0.12/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.12/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.12/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.12/viewhourly1.0https://facebook.github.io/react-native/docs/0.12/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.12/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.12/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.12/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.12/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.12/animationshourly1.0https://facebook.github.io/react-native/docs/0.12/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.12/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.12/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.12/colorshourly1.0https://facebook.github.io/react-native/docs/0.12/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.12/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/debugginghourly1.0https://facebook.github.io/react-native/docs/0.12/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.12/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.12/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.12/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.12/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.12/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.12/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.12/imageshourly1.0https://facebook.github.io/react-native/docs/0.12/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.12/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.12/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.12/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.12/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.12/navigationhourly1.0https://facebook.github.io/react-native/docs/0.12/networkhourly1.0https://facebook.github.io/react-native/docs/0.12/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.12/performancehourly1.0https://facebook.github.io/react-native/docs/0.12/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.12/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.12/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.12/propshourly1.0https://facebook.github.io/react-native/docs/0.12/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.12/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.12/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.12/settingshourly1.0https://facebook.github.io/react-native/docs/0.12/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.12/statehourly1.0https://facebook.github.io/react-native/docs/0.12/stylehourly1.0https://facebook.github.io/react-native/docs/0.12/timershourly1.0https://facebook.github.io/react-native/docs/0.12/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.12/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.12/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.12/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.12/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.11/modalhourly1.0https://facebook.github.io/react-native/docs/0.11/texthourly1.0https://facebook.github.io/react-native/docs/0.11/textinputhourly1.0https://facebook.github.io/react-native/docs/0.11/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/imagehourly1.0https://facebook.github.io/react-native/docs/0.11/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.11/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.11/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.11/animatedhourly1.0https://facebook.github.io/react-native/docs/0.11/easinghourly1.0https://facebook.github.io/react-native/docs/0.11/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.11/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.11/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.11/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.11/transformshourly1.0https://facebook.github.io/react-native/docs/0.11/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.11/switchhourly1.0https://facebook.github.io/react-native/docs/0.11/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.11/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.11/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.11/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.11/webviewhourly1.0https://facebook.github.io/react-native/docs/0.11/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.11/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.11/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.11/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.11/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.11/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.11/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.11/netinfohourly1.0https://facebook.github.io/react-native/docs/0.11/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.11/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.11/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.11/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.11/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.11/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/appstatehourly1.0https://facebook.github.io/react-native/docs/0.11/pickerhourly1.0https://facebook.github.io/react-native/docs/0.11/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.11/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.11/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.11/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/linkinghourly1.0https://facebook.github.io/react-native/docs/0.11/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.11/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.11/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.11/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.11/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.11/sliderhourly1.0https://facebook.github.io/react-native/docs/0.11/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.11/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.11/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.11/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.11/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.11/sharehourly1.0https://facebook.github.io/react-native/docs/0.11/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.11/alerthourly1.0https://facebook.github.io/react-native/docs/0.11/alertioshourly1.0https://facebook.github.io/react-native/docs/0.11/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.11/buttonhourly1.0https://facebook.github.io/react-native/docs/0.11/systracehourly1.0https://facebook.github.io/react-native/docs/0.11/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.11/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.11/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.11/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.11/listviewhourly1.0https://facebook.github.io/react-native/docs/0.11/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.11/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.11/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.11/viewhourly1.0https://facebook.github.io/react-native/docs/0.11/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.11/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.11/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.11/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.11/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.11/animationshourly1.0https://facebook.github.io/react-native/docs/0.11/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.11/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.11/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.11/colorshourly1.0https://facebook.github.io/react-native/docs/0.11/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.11/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/debugginghourly1.0https://facebook.github.io/react-native/docs/0.11/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.11/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.11/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.11/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.11/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.11/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.11/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.11/imageshourly1.0https://facebook.github.io/react-native/docs/0.11/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.11/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.11/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.11/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.11/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.11/navigationhourly1.0https://facebook.github.io/react-native/docs/0.11/networkhourly1.0https://facebook.github.io/react-native/docs/0.11/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.11/performancehourly1.0https://facebook.github.io/react-native/docs/0.11/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.11/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.11/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.11/propshourly1.0https://facebook.github.io/react-native/docs/0.11/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.11/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.11/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.11/settingshourly1.0https://facebook.github.io/react-native/docs/0.11/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.11/statehourly1.0https://facebook.github.io/react-native/docs/0.11/stylehourly1.0https://facebook.github.io/react-native/docs/0.11/timershourly1.0https://facebook.github.io/react-native/docs/0.11/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.11/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.11/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.11/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.11/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.10/modalhourly1.0https://facebook.github.io/react-native/docs/0.10/texthourly1.0https://facebook.github.io/react-native/docs/0.10/textinputhourly1.0https://facebook.github.io/react-native/docs/0.10/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/imagehourly1.0https://facebook.github.io/react-native/docs/0.10/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.10/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.10/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.10/animatedhourly1.0https://facebook.github.io/react-native/docs/0.10/easinghourly1.0https://facebook.github.io/react-native/docs/0.10/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.10/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.10/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.10/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.10/transformshourly1.0https://facebook.github.io/react-native/docs/0.10/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.10/switchhourly1.0https://facebook.github.io/react-native/docs/0.10/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.10/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.10/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.10/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.10/webviewhourly1.0https://facebook.github.io/react-native/docs/0.10/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.10/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.10/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.10/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.10/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.10/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.10/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.10/netinfohourly1.0https://facebook.github.io/react-native/docs/0.10/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.10/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.10/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.10/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.10/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.10/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/appstatehourly1.0https://facebook.github.io/react-native/docs/0.10/pickerhourly1.0https://facebook.github.io/react-native/docs/0.10/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.10/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.10/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.10/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/linkinghourly1.0https://facebook.github.io/react-native/docs/0.10/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.10/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.10/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.10/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.10/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.10/sliderhourly1.0https://facebook.github.io/react-native/docs/0.10/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.10/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.10/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.10/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.10/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.10/sharehourly1.0https://facebook.github.io/react-native/docs/0.10/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.10/alerthourly1.0https://facebook.github.io/react-native/docs/0.10/alertioshourly1.0https://facebook.github.io/react-native/docs/0.10/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.10/buttonhourly1.0https://facebook.github.io/react-native/docs/0.10/systracehourly1.0https://facebook.github.io/react-native/docs/0.10/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.10/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.10/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.10/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.10/listviewhourly1.0https://facebook.github.io/react-native/docs/0.10/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.10/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.10/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.10/viewhourly1.0https://facebook.github.io/react-native/docs/0.10/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.10/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.10/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.10/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.10/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.10/animationshourly1.0https://facebook.github.io/react-native/docs/0.10/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.10/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.10/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.10/colorshourly1.0https://facebook.github.io/react-native/docs/0.10/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.10/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/debugginghourly1.0https://facebook.github.io/react-native/docs/0.10/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.10/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.10/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.10/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.10/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.10/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.10/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.10/imageshourly1.0https://facebook.github.io/react-native/docs/0.10/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.10/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.10/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.10/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.10/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.10/navigationhourly1.0https://facebook.github.io/react-native/docs/0.10/networkhourly1.0https://facebook.github.io/react-native/docs/0.10/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.10/performancehourly1.0https://facebook.github.io/react-native/docs/0.10/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.10/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.10/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.10/propshourly1.0https://facebook.github.io/react-native/docs/0.10/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.10/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.10/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.10/settingshourly1.0https://facebook.github.io/react-native/docs/0.10/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.10/statehourly1.0https://facebook.github.io/react-native/docs/0.10/stylehourly1.0https://facebook.github.io/react-native/docs/0.10/timershourly1.0https://facebook.github.io/react-native/docs/0.10/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.10/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.10/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.10/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.10/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.9/modalhourly1.0https://facebook.github.io/react-native/docs/0.9/texthourly1.0https://facebook.github.io/react-native/docs/0.9/textinputhourly1.0https://facebook.github.io/react-native/docs/0.9/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/imagehourly1.0https://facebook.github.io/react-native/docs/0.9/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.9/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.9/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.9/animatedhourly1.0https://facebook.github.io/react-native/docs/0.9/easinghourly1.0https://facebook.github.io/react-native/docs/0.9/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.9/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.9/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.9/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.9/transformshourly1.0https://facebook.github.io/react-native/docs/0.9/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.9/switchhourly1.0https://facebook.github.io/react-native/docs/0.9/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.9/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.9/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.9/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.9/webviewhourly1.0https://facebook.github.io/react-native/docs/0.9/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.9/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.9/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.9/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.9/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.9/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.9/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.9/netinfohourly1.0https://facebook.github.io/react-native/docs/0.9/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.9/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.9/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.9/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.9/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.9/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/appstatehourly1.0https://facebook.github.io/react-native/docs/0.9/pickerhourly1.0https://facebook.github.io/react-native/docs/0.9/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.9/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.9/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.9/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/linkinghourly1.0https://facebook.github.io/react-native/docs/0.9/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.9/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.9/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.9/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.9/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.9/sliderhourly1.0https://facebook.github.io/react-native/docs/0.9/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.9/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.9/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.9/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.9/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.9/sharehourly1.0https://facebook.github.io/react-native/docs/0.9/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.9/alerthourly1.0https://facebook.github.io/react-native/docs/0.9/alertioshourly1.0https://facebook.github.io/react-native/docs/0.9/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.9/buttonhourly1.0https://facebook.github.io/react-native/docs/0.9/systracehourly1.0https://facebook.github.io/react-native/docs/0.9/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.9/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.9/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.9/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.9/listviewhourly1.0https://facebook.github.io/react-native/docs/0.9/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.9/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.9/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.9/viewhourly1.0https://facebook.github.io/react-native/docs/0.9/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.9/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.9/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.9/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.9/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.9/animationshourly1.0https://facebook.github.io/react-native/docs/0.9/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.9/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.9/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.9/colorshourly1.0https://facebook.github.io/react-native/docs/0.9/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.9/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/debugginghourly1.0https://facebook.github.io/react-native/docs/0.9/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.9/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.9/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.9/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.9/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.9/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.9/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.9/imageshourly1.0https://facebook.github.io/react-native/docs/0.9/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.9/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.9/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.9/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.9/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.9/navigationhourly1.0https://facebook.github.io/react-native/docs/0.9/networkhourly1.0https://facebook.github.io/react-native/docs/0.9/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.9/performancehourly1.0https://facebook.github.io/react-native/docs/0.9/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.9/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.9/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.9/propshourly1.0https://facebook.github.io/react-native/docs/0.9/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.9/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.9/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.9/settingshourly1.0https://facebook.github.io/react-native/docs/0.9/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.9/statehourly1.0https://facebook.github.io/react-native/docs/0.9/stylehourly1.0https://facebook.github.io/react-native/docs/0.9/timershourly1.0https://facebook.github.io/react-native/docs/0.9/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.9/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.9/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.9/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.9/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.8/modalhourly1.0https://facebook.github.io/react-native/docs/0.8/texthourly1.0https://facebook.github.io/react-native/docs/0.8/textinputhourly1.0https://facebook.github.io/react-native/docs/0.8/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/imagehourly1.0https://facebook.github.io/react-native/docs/0.8/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.8/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.8/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.8/animatedhourly1.0https://facebook.github.io/react-native/docs/0.8/easinghourly1.0https://facebook.github.io/react-native/docs/0.8/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.8/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.8/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.8/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.8/transformshourly1.0https://facebook.github.io/react-native/docs/0.8/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.8/switchhourly1.0https://facebook.github.io/react-native/docs/0.8/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.8/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.8/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.8/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.8/webviewhourly1.0https://facebook.github.io/react-native/docs/0.8/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.8/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.8/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.8/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.8/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.8/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.8/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.8/netinfohourly1.0https://facebook.github.io/react-native/docs/0.8/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.8/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.8/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.8/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.8/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.8/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/appstatehourly1.0https://facebook.github.io/react-native/docs/0.8/pickerhourly1.0https://facebook.github.io/react-native/docs/0.8/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.8/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.8/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.8/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/linkinghourly1.0https://facebook.github.io/react-native/docs/0.8/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.8/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.8/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.8/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.8/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.8/sliderhourly1.0https://facebook.github.io/react-native/docs/0.8/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.8/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.8/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.8/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.8/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.8/sharehourly1.0https://facebook.github.io/react-native/docs/0.8/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.8/alerthourly1.0https://facebook.github.io/react-native/docs/0.8/alertioshourly1.0https://facebook.github.io/react-native/docs/0.8/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.8/buttonhourly1.0https://facebook.github.io/react-native/docs/0.8/systracehourly1.0https://facebook.github.io/react-native/docs/0.8/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.8/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.8/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.8/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.8/listviewhourly1.0https://facebook.github.io/react-native/docs/0.8/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.8/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.8/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.8/viewhourly1.0https://facebook.github.io/react-native/docs/0.8/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.8/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.8/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.8/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.8/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.8/animationshourly1.0https://facebook.github.io/react-native/docs/0.8/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.8/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.8/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.8/colorshourly1.0https://facebook.github.io/react-native/docs/0.8/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.8/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/debugginghourly1.0https://facebook.github.io/react-native/docs/0.8/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.8/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.8/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.8/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.8/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.8/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.8/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.8/imageshourly1.0https://facebook.github.io/react-native/docs/0.8/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.8/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.8/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.8/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.8/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.8/navigationhourly1.0https://facebook.github.io/react-native/docs/0.8/networkhourly1.0https://facebook.github.io/react-native/docs/0.8/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.8/performancehourly1.0https://facebook.github.io/react-native/docs/0.8/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.8/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.8/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.8/propshourly1.0https://facebook.github.io/react-native/docs/0.8/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.8/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.8/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.8/settingshourly1.0https://facebook.github.io/react-native/docs/0.8/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.8/statehourly1.0https://facebook.github.io/react-native/docs/0.8/stylehourly1.0https://facebook.github.io/react-native/docs/0.8/timershourly1.0https://facebook.github.io/react-native/docs/0.8/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.8/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.8/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.8/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.8/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.7/modalhourly1.0https://facebook.github.io/react-native/docs/0.7/texthourly1.0https://facebook.github.io/react-native/docs/0.7/textinputhourly1.0https://facebook.github.io/react-native/docs/0.7/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/imagehourly1.0https://facebook.github.io/react-native/docs/0.7/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.7/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.7/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.7/animatedhourly1.0https://facebook.github.io/react-native/docs/0.7/easinghourly1.0https://facebook.github.io/react-native/docs/0.7/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.7/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.7/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.7/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.7/transformshourly1.0https://facebook.github.io/react-native/docs/0.7/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.7/switchhourly1.0https://facebook.github.io/react-native/docs/0.7/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.7/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.7/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.7/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.7/webviewhourly1.0https://facebook.github.io/react-native/docs/0.7/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.7/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.7/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.7/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.7/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.7/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.7/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.7/netinfohourly1.0https://facebook.github.io/react-native/docs/0.7/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.7/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.7/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.7/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.7/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.7/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/appstatehourly1.0https://facebook.github.io/react-native/docs/0.7/pickerhourly1.0https://facebook.github.io/react-native/docs/0.7/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.7/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.7/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.7/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/linkinghourly1.0https://facebook.github.io/react-native/docs/0.7/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.7/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.7/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.7/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.7/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.7/sliderhourly1.0https://facebook.github.io/react-native/docs/0.7/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.7/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.7/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.7/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.7/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.7/sharehourly1.0https://facebook.github.io/react-native/docs/0.7/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.7/alerthourly1.0https://facebook.github.io/react-native/docs/0.7/alertioshourly1.0https://facebook.github.io/react-native/docs/0.7/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.7/buttonhourly1.0https://facebook.github.io/react-native/docs/0.7/systracehourly1.0https://facebook.github.io/react-native/docs/0.7/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.7/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.7/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.7/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.7/listviewhourly1.0https://facebook.github.io/react-native/docs/0.7/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.7/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.7/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.7/viewhourly1.0https://facebook.github.io/react-native/docs/0.7/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.7/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.7/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.7/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.7/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.7/animationshourly1.0https://facebook.github.io/react-native/docs/0.7/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.7/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.7/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.7/colorshourly1.0https://facebook.github.io/react-native/docs/0.7/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.7/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/debugginghourly1.0https://facebook.github.io/react-native/docs/0.7/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.7/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.7/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.7/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.7/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.7/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.7/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.7/imageshourly1.0https://facebook.github.io/react-native/docs/0.7/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.7/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.7/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.7/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.7/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.7/navigationhourly1.0https://facebook.github.io/react-native/docs/0.7/networkhourly1.0https://facebook.github.io/react-native/docs/0.7/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.7/performancehourly1.0https://facebook.github.io/react-native/docs/0.7/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.7/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.7/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.7/propshourly1.0https://facebook.github.io/react-native/docs/0.7/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.7/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.7/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.7/settingshourly1.0https://facebook.github.io/react-native/docs/0.7/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.7/statehourly1.0https://facebook.github.io/react-native/docs/0.7/stylehourly1.0https://facebook.github.io/react-native/docs/0.7/timershourly1.0https://facebook.github.io/react-native/docs/0.7/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.7/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.7/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.7/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.7/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.6/modalhourly1.0https://facebook.github.io/react-native/docs/0.6/texthourly1.0https://facebook.github.io/react-native/docs/0.6/textinputhourly1.0https://facebook.github.io/react-native/docs/0.6/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/imagehourly1.0https://facebook.github.io/react-native/docs/0.6/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.6/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.6/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.6/animatedhourly1.0https://facebook.github.io/react-native/docs/0.6/easinghourly1.0https://facebook.github.io/react-native/docs/0.6/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.6/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.6/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.6/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.6/transformshourly1.0https://facebook.github.io/react-native/docs/0.6/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.6/switchhourly1.0https://facebook.github.io/react-native/docs/0.6/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.6/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.6/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.6/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.6/webviewhourly1.0https://facebook.github.io/react-native/docs/0.6/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.6/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.6/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.6/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.6/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.6/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.6/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.6/netinfohourly1.0https://facebook.github.io/react-native/docs/0.6/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.6/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.6/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.6/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.6/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.6/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/appstatehourly1.0https://facebook.github.io/react-native/docs/0.6/pickerhourly1.0https://facebook.github.io/react-native/docs/0.6/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.6/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.6/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.6/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/linkinghourly1.0https://facebook.github.io/react-native/docs/0.6/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.6/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.6/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.6/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.6/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.6/sliderhourly1.0https://facebook.github.io/react-native/docs/0.6/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.6/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.6/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.6/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.6/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.6/sharehourly1.0https://facebook.github.io/react-native/docs/0.6/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.6/alerthourly1.0https://facebook.github.io/react-native/docs/0.6/alertioshourly1.0https://facebook.github.io/react-native/docs/0.6/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.6/buttonhourly1.0https://facebook.github.io/react-native/docs/0.6/systracehourly1.0https://facebook.github.io/react-native/docs/0.6/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.6/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.6/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.6/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.6/listviewhourly1.0https://facebook.github.io/react-native/docs/0.6/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.6/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.6/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.6/viewhourly1.0https://facebook.github.io/react-native/docs/0.6/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.6/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.6/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.6/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.6/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.6/animationshourly1.0https://facebook.github.io/react-native/docs/0.6/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.6/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.6/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.6/colorshourly1.0https://facebook.github.io/react-native/docs/0.6/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.6/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/debugginghourly1.0https://facebook.github.io/react-native/docs/0.6/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.6/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.6/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.6/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.6/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.6/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.6/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.6/imageshourly1.0https://facebook.github.io/react-native/docs/0.6/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.6/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.6/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.6/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.6/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.6/navigationhourly1.0https://facebook.github.io/react-native/docs/0.6/networkhourly1.0https://facebook.github.io/react-native/docs/0.6/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.6/performancehourly1.0https://facebook.github.io/react-native/docs/0.6/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.6/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.6/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.6/propshourly1.0https://facebook.github.io/react-native/docs/0.6/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.6/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.6/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.6/settingshourly1.0https://facebook.github.io/react-native/docs/0.6/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.6/statehourly1.0https://facebook.github.io/react-native/docs/0.6/stylehourly1.0https://facebook.github.io/react-native/docs/0.6/timershourly1.0https://facebook.github.io/react-native/docs/0.6/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.6/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.6/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.6/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.6/using-a-scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.5/modalhourly1.0https://facebook.github.io/react-native/docs/0.5/texthourly1.0https://facebook.github.io/react-native/docs/0.5/textinputhourly1.0https://facebook.github.io/react-native/docs/0.5/drawerlayoutandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/imagehourly1.0https://facebook.github.io/react-native/docs/0.5/layoutanimationhourly1.0https://facebook.github.io/react-native/docs/0.5/progressbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/scrollviewhourly1.0https://facebook.github.io/react-native/docs/0.5/toastandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/toolbarandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/touchablenativefeedbackhourly1.0https://facebook.github.io/react-native/docs/0.5/animatedhourly1.0https://facebook.github.io/react-native/docs/0.5/easinghourly1.0https://facebook.github.io/react-native/docs/0.5/imagepickerioshourly1.0https://facebook.github.io/react-native/docs/0.5/touchablehighlighthourly1.0https://facebook.github.io/react-native/docs/0.5/touchableopacityhourly1.0https://facebook.github.io/react-native/docs/0.5/touchablewithoutfeedbackhourly1.0https://facebook.github.io/react-native/docs/0.5/transformshourly1.0https://facebook.github.io/react-native/docs/0.5/pushnotificationioshourly1.0https://facebook.github.io/react-native/docs/0.5/switchhourly1.0https://facebook.github.io/react-native/docs/0.5/view-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/viewpagerandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/snapshotviewioshourly1.0https://facebook.github.io/react-native/docs/0.5/asyncstoragehourly1.0https://facebook.github.io/react-native/docs/0.5/camerarollhourly1.0https://facebook.github.io/react-native/docs/0.5/geolocationhourly1.0https://facebook.github.io/react-native/docs/0.5/webviewhourly1.0https://facebook.github.io/react-native/docs/0.5/datepickerioshourly1.0https://facebook.github.io/react-native/docs/0.5/layout-propshourly1.0https://facebook.github.io/react-native/docs/0.5/progressviewioshourly1.0https://facebook.github.io/react-native/docs/0.5/segmentedcontrolioshourly1.0https://facebook.github.io/react-native/docs/0.5/tabbarios-itemhourly1.0https://facebook.github.io/react-native/docs/0.5/tabbarioshourly1.0https://facebook.github.io/react-native/docs/0.5/navigatorioshourly1.0https://facebook.github.io/react-native/docs/0.5/netinfohourly1.0https://facebook.github.io/react-native/docs/0.5/dimensionshourly1.0https://facebook.github.io/react-native/docs/0.5/image-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/imageeditorhourly1.0https://facebook.github.io/react-native/docs/0.5/imagestorehourly1.0https://facebook.github.io/react-native/docs/0.5/interactionmanagerhourly1.0https://facebook.github.io/react-native/docs/0.5/refreshcontrolhourly1.0https://facebook.github.io/react-native/docs/0.5/text-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/appstatehourly1.0https://facebook.github.io/react-native/docs/0.5/pickerhourly1.0https://facebook.github.io/react-native/docs/0.5/pixelratiohourly1.0https://facebook.github.io/react-native/docs/0.5/stylesheethourly1.0https://facebook.github.io/react-native/docs/0.5/clipboardhourly1.0https://facebook.github.io/react-native/docs/0.5/datepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/linkinghourly1.0https://facebook.github.io/react-native/docs/0.5/statusbarhourly1.0https://facebook.github.io/react-native/docs/0.5/timepickerandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/actionsheetioshourly1.0https://facebook.github.io/react-native/docs/0.5/statusbarioshourly1.0https://facebook.github.io/react-native/docs/0.5/vibrationhourly1.0https://facebook.github.io/react-native/docs/0.5/vibrationioshourly1.0https://facebook.github.io/react-native/docs/0.5/sliderhourly1.0https://facebook.github.io/react-native/docs/0.5/panresponderhourly1.0https://facebook.github.io/react-native/docs/0.5/pickerioshourly1.0https://facebook.github.io/react-native/docs/0.5/activityindicatorhourly1.0https://facebook.github.io/react-native/docs/0.5/keyboardavoidingviewhourly1.0https://facebook.github.io/react-native/docs/0.5/shadow-propshourly1.0https://facebook.github.io/react-native/docs/0.5/sharehourly1.0https://facebook.github.io/react-native/docs/0.5/permissionsandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/keyboardhourly1.0https://facebook.github.io/react-native/docs/0.5/alerthourly1.0https://facebook.github.io/react-native/docs/0.5/alertioshourly1.0https://facebook.github.io/react-native/docs/0.5/appregistryhourly1.0https://facebook.github.io/react-native/docs/0.5/buttonhourly1.0https://facebook.github.io/react-native/docs/0.5/systracehourly1.0https://facebook.github.io/react-native/docs/0.5/accessibilityinfohourly1.0https://facebook.github.io/react-native/docs/0.5/backandroidhourly1.0https://facebook.github.io/react-native/docs/0.5/backhandlerhourly1.0https://facebook.github.io/react-native/docs/0.5/flatlisthourly1.0https://facebook.github.io/react-native/docs/0.5/listviewhourly1.0https://facebook.github.io/react-native/docs/0.5/listviewdatasourcehourly1.0https://facebook.github.io/react-native/docs/0.5/navigatorhourly1.0https://facebook.github.io/react-native/docs/0.5/sectionlisthourly1.0https://facebook.github.io/react-native/docs/0.5/viewhourly1.0https://facebook.github.io/react-native/docs/0.5/virtualizedlisthourly1.0https://facebook.github.io/react-native/docs/0.5/maskedviewioshourly1.0https://facebook.github.io/react-native/docs/0.5/accessibilityhourly1.0https://facebook.github.io/react-native/docs/0.5/animatedvaluehourly1.0https://facebook.github.io/react-native/docs/0.5/animatedvaluexyhourly1.0https://facebook.github.io/react-native/docs/0.5/animationshourly1.0https://facebook.github.io/react-native/docs/0.5/app-extensionshourly1.0https://facebook.github.io/react-native/docs/0.5/building-for-apple-tvhourly1.0https://facebook.github.io/react-native/docs/0.5/checkboxhourly1.0https://facebook.github.io/react-native/docs/0.5/colorshourly1.0https://facebook.github.io/react-native/docs/0.5/communication-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/communication-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/components-and-apishourly1.0https://facebook.github.io/react-native/docs/0.5/custom-webview-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/custom-webview-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/debugginghourly1.0https://facebook.github.io/react-native/docs/0.5/direct-manipulationhourly1.0https://facebook.github.io/react-native/docs/0.5/flexboxhourly1.0https://facebook.github.io/react-native/docs/0.5/gesture-responder-systemhourly1.0https://facebook.github.io/react-native/docs/0.5/getting-startedhourly1.0https://facebook.github.io/react-native/docs/0.5/handling-text-inputhourly1.0https://facebook.github.io/react-native/docs/0.5/handling-toucheshourly1.0https://facebook.github.io/react-native/docs/0.5/headless-js-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/height-and-widthhourly1.0https://facebook.github.io/react-native/docs/0.5/imageshourly1.0https://facebook.github.io/react-native/docs/0.5/improvinguxhourly1.0https://facebook.github.io/react-native/docs/0.5/integration-with-existing-appshourly1.0https://facebook.github.io/react-native/docs/0.5/javascript-environmenthourly1.0https://facebook.github.io/react-native/docs/0.5/linking-libraries-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/more-resourceshourly1.0https://facebook.github.io/react-native/docs/0.5/native-components-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/native-components-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/native-modules-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/native-modules-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/native-modules-setuphourly1.0https://facebook.github.io/react-native/docs/0.5/navigationhourly1.0https://facebook.github.io/react-native/docs/0.5/networkhourly1.0https://facebook.github.io/react-native/docs/0.5/optimizing-flatlist-configurationhourly1.0https://facebook.github.io/react-native/docs/0.5/performancehourly1.0https://facebook.github.io/react-native/docs/0.5/picker-itemhourly1.0https://facebook.github.io/react-native/docs/0.5/picker-style-propshourly1.0https://facebook.github.io/react-native/docs/0.5/platform-specific-codehourly1.0https://facebook.github.io/react-native/docs/0.5/propshourly1.0https://facebook.github.io/react-native/docs/0.5/removing-default-permissionshourly1.0https://facebook.github.io/react-native/docs/0.5/running-on-devicehourly1.0https://facebook.github.io/react-native/docs/0.5/running-on-simulator-ioshourly1.0https://facebook.github.io/react-native/docs/0.5/settingshourly1.0https://facebook.github.io/react-native/docs/0.5/signed-apk-androidhourly1.0https://facebook.github.io/react-native/docs/0.5/statehourly1.0https://facebook.github.io/react-native/docs/0.5/stylehourly1.0https://facebook.github.io/react-native/docs/0.5/timershourly1.0https://facebook.github.io/react-native/docs/0.5/troubleshootinghourly1.0https://facebook.github.io/react-native/docs/0.5/tutorialhourly1.0https://facebook.github.io/react-native/docs/0.5/upgradinghourly1.0https://facebook.github.io/react-native/docs/0.5/using-a-listviewhourly1.0https://facebook.github.io/react-native/docs/0.5/using-a-scrollviewhourly1.0 \ No newline at end of file