Comments (14)
@vishalnarkhede could you please solve GetStream/flat-list-mvcp#13 which prevents me to test this issue ?
from react-native-bidirectional-infinite-scroll.
GetStream/flat-list-mvcp#13 (comment)
from react-native-bidirectional-infinite-scroll.
@lc3t35 ok let me try to setup an example with similar layout as your app!! I will get back to you
from react-native-bidirectional-infinite-scroll.
Is it possible for you to share the app codebase with me? I am happy to help figure out the issue!! Or if you can setup independent code example ... where you can replicate this issue, that will work as well.
from react-native-bidirectional-infinite-scroll.
@lc3t35 So I think its the windowSize that needs to be modified here. Default value of windowSize is 21. You should keep it higher than 21, if you want to amend more than 10 results at a time.
Please let me know if that fixes the issue. I should also mention it in Readme somewhere :)
from react-native-bidirectional-infinite-scroll.
@lc3t35 Is the scroll jumping issue also resolved for you after upgrading to @stream-io/[email protected]
(or beta-1
)?
from react-native-bidirectional-infinite-scroll.
Still the same with [email protected] and windowSize = 22
from react-native-bidirectional-infinite-scroll.
@lc3t35 Could you share the keyExtractor
function?
from react-native-bidirectional-infinite-scroll.
const keyExtractor = (item) => item._id;
from react-native-bidirectional-infinite-scroll.
_id
... Is it unique for every item? Thats really cruicial
from react-native-bidirectional-infinite-scroll.
Please check the example on this branch - https://github.com/GetStream/react-native-bidirectional-infinite-scroll/tree/vishal/activity-example/example.
I have tried to generate the similar layout and config as your app!!
from react-native-bidirectional-infinite-scroll.
_id
... Is it unique for every item? Thats really cruicial
Yes I've checked that _id are unique for every item.
from react-native-bidirectional-infinite-scroll.
Can't build example on android : #11 (works fine on ios) -> solved
This example is not exactly the same case :
- only images (I have also video)
- images have all the same size (mine don't)
- ref is used to stop videos when outside of view
from react-native-bidirectional-infinite-scroll.
- only images (I have also video)
I'm facing the same problem with videos only.
@stream-io/flat-list-mvcp": "^0.10.1
windowSize={60} // The high number I know, but it avoided the jumping
from react-native-bidirectional-infinite-scroll.
Related Issues (20)
- Not able to mock this module for unit tests HOT 1
- Handle starting from a random point in the bidirectional-list HOT 3
- OnStartReached method is triggered frequently HOT 7
- Get `ref` not exist error in typescript
- How to display a small list at the top HOT 1
- Error on package? HOT 1
- onStartReached gets triggered in the initial scroll down HOT 2
- Data page size must fill area in order for scroll, or events to work
- error with horizontal scroll using rnbis com.facebook.react.view.scroll.ReactHorizontalScrollView cannot be cast to com.facebook.react.views.scroll.ReactScrollView HOT 3
- TypeError: undefined is not a function HOT 3
- Maintained HOT 1
- Cannot build example project
- Sticky Header - Enhancement
- List jumps to the top of the List when onStartReached is called HOT 2
- Type Error: from onEndReached prop HOT 1
- DOES THIS LIB DEAD???
- Unable to install sub-dependency @stream-io/flat-list-mvcp with npm install
- ListHeaderComponent not working HOT 1
- onEndReached Not called every time HOT 2
- How to make the bottom activity loader to be evident
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-bidirectional-infinite-scroll.