Comments (9)
afeichuanqi
commented on June 8, 2024
VirtualizedList: You have a large list that is slow to update - make sure your renderItem function renders components that follow React performance best practices like PureComponent, shouldComponentUpdate, etc.
from react-native-swiper-flatlist.
gusgard
commented on June 8, 2024
It seems a problem with the items you are rendering in renderItem or children prop. Did you try using PureComponent or pure function components?
from react-native-swiper-flatlist.
afeichuanqi
commented on June 8, 2024
It seems a problem with the items you are rendering in
renderItemorchildrenprop. Did you try using PureComponent or pure function components?
My renderitem is not likely to be refreshed again.
I take great care of performance issues so I can rule out my problem with renderitem.
from react-native-swiper-flatlist.
afeichuanqi
commented on June 8, 2024
It seems a problem with the items you are rendering in
renderItemorchildrenprop. Did you try using PureComponent or pure function components?
I have found a suspected bug and it is very serious.
That is, autoplayTimer = setTimeout will be continuously reused.
That is, create setTimeout without limit, you can console.log in the carousel loop.
from react-native-swiper-flatlist.
gusgard
commented on June 8, 2024
In that case, could you add an example (maybe in https://snack.expo.io/) so I can take a look? What props are you using?
from react-native-swiper-flatlist.
gusgard
commented on June 8, 2024
Yes, I need some example so I can reproduce it. At least could you tell me the props you are using that are causing that warning? Could also be just a problem in the React Native framework. I'm not sure. Did you try using the renderAll prop (it render all the items before display it)?
from react-native-swiper-flatlist.
afeichuanqi
commented on June 8, 2024
Yes, I need some example so I can reproduce it. At least could you tell me the props you are using that are causing that warning? Could also be just a problem in the React Native framework. I'm not sure. Did you try using the
renderAllprop (it render all the items before display it)?
I have six items when I remove autolook and let him stop looping.
Perform a manual slide.
This warning will appear when sliding to the fourth item, let alone under autolook
And the rendering situation caused this problem to be unreplicable. It is possible to test the android performance is lower.
But there is no doubt that this component is absolutely problematic.
from react-native-swiper-flatlist.
gusgard
commented on June 8, 2024
Please add a working example, so I can take a look, otherwise, it seems a problem with the items inside renderItem/children.
from react-native-swiper-flatlist.
afeichuanqi
commented on June 8, 2024
Please add a working example, so I can take a look, otherwise, it seems a problem with the items inside renderItem/children.
I will give you an example when I have time. I have already found another flatlist to make a carousel.
There is no problem. The performance feel page is normal.
Because you may be the latest version of the react syntax.
from react-native-swiper-flatlist.
Related Issues (20)
- SwiperFlatList is sliding to previous index at initial render without requesting it... HOT 6
- SwiperFlatList not swipeable in gorhom/bottom-sheet on Android HOT 3
- RenderItem is returning index always equal to 0 HOT 2
- How to move pagination (dots) above images HOT 1
- How can i get current Item Value & for the first time load all the component simultaneously HOT 1
- The index will jump to 0 on expo SDK 48 HOT 4
- On scroll to index image is shown with part of next image (Only when data length is bigger than 2) HOT 1
- Error: Requiring unknown module "undefined" HOT 3
- While given scroll to index it is not scroll to 11 it only scroll to 10 when there is 15 data or more HOT 2
- Can't make spacing between 2 sliders HOT 1
- Can't change sliding animation HOT 1
- Nested Swiper Flatlists layout bug HOT 2
- Changing the distance between the dots on Pagination HOT 1
- ScrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed HOT 1
- onChangeIndex called repeatedly when setState in it. HOT 3
- Issue with @types/react 18.2.22 HOT 1
- Setting children width causes glitchy behavior HOT 1
- Getting warning error on swipe left or right HOT 1
- Scrolling disrupted after the 12th item in vertical SwiperFlatList HOT 6
- How to use a Slider Component Within the Swiper? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-swiper-flatlist.