Prevent rendering all but the active view?
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Accessibilité débutants
- 25/100
- Type d'issue
- Fonctionnalité
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- react-native, typescript
- Domaine
- mobile-dev, performance
Piste de recherche
Aucun fichier source ni test n’est nommé. Commencez par reproduire le cas PagerView de six pages avec offscreenPageLimit défini à 1, y compris la navigation entre les pages, et comparez les performances avec des pages rendues individuellement et avec react-native-swiper. Le travail sera considéré comme terminé lorsqu’un comportement de rendu démontré sera accompagné d’une implémentation définie ou d’une recommandation documentée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Hi, first of all, thanks for the great work!🙂
I want to use your PagerView to create a sign-up/onboarding process with a number forms one after the other. It works well but I notice that it renders all of the offscreen views as well and rendering all those components is making my app sluggish. I tried setting offscreenPageLimit to 1 but it still renders all six of my pages.
Would it be possible to somehow render only the active page? As moving between pages is expected to be relatively infrequent when compared to other uses, it would be nice to optimize it in this way.
If not, do you have any recommendations for alternative components/libraries I could use to achieve this? I don't want to use the expo-router as the slide in animation is slow and lags.
Edit: It may not be entirely a rendering issue, as I noticed if I don't move between the pages, only the active page is rendered. But for some reason, performance degrades with the number pages and the content within them. The same performance issues weren't there in something like react-native-swiper (which I believe is built on top of a ScrollView 😅) and it's not the pages themselves as individually rendered they're performant.
- Langage dominant
- TypeScript
- Étoiles
- 3.4k
- Forks
- 491
- Merge moyen
- 2 j 4 h
- PR mergées (30 j)
- 51
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de callstack/react-native-pager-view
-
Difficulté 4/5 3-5 jours Accessibilité débutants 55/100
callstack/react-native-pager-view#1232 · 2 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
[iOS] UIKit's scroll to a focused field can leave the pager between pagesPeut-être pris @TaduJR l’a pris il y a 1 jour. Ouverte
Difficulté 4/5 3-5 jours Accessibilité débutants 52/100
callstack/react-native-pager-view#1230 · 4 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
[iOS] setPage does not animate when the pager resizes with the keyboardPeut-être pris @TaduJR l’a pris il y a 3 jours. Ouverte
Difficulté 4/5 3-5 jours Accessibilité débutants 52/100
callstack/react-native-pager-view#1223 · 3 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
Resolution: Needs Repro
Difficulté 4/5 3-5 jours Accessibilité débutants 32/100
callstack/react-native-pager-view#1222 · 2 commentaires · 1 réaction ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 3/5 1-2 jours Accessibilité débutants 58/100
callstack/react-native-pager-view#1189 ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de callstack/react-native-pager-view
Issues similaires
-
area:frontend kind:bug priority:p2 ready
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
handsontable/hyperformula#1879 ·
Les mainteneurs répondent en général sous 1 jour
-
enhancement
Difficulté 2/5 1-3 heures Accessibilité débutants 66/100
RunestoneInteractive/rs#1661 ·
Les mainteneurs répondent en général sous 2 jours
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
capricorn86/happy-dom#2594 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
Les mainteneurs répondent en général sous 1 jour