Git Product home page Git Product logo

Comments (14)

lc3t35 avatar lc3t35 commented on June 10, 2024 2

@vishalnarkhede could you please solve GetStream/flat-list-mvcp#13 which prevents me to test this issue ?

from react-native-bidirectional-infinite-scroll.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024 1

GetStream/flat-list-mvcp#13 (comment)

from react-native-bidirectional-infinite-scroll.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024 1

@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.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024 1

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.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024

@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.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024

@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.

lc3t35 avatar lc3t35 commented on June 10, 2024

Still the same with [email protected] and windowSize = 22

from react-native-bidirectional-infinite-scroll.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024

@lc3t35 Could you share the keyExtractor function?

from react-native-bidirectional-infinite-scroll.

lc3t35 avatar lc3t35 commented on June 10, 2024

const keyExtractor = (item) => item._id;

from react-native-bidirectional-infinite-scroll.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024

_id ... Is it unique for every item? Thats really cruicial

from react-native-bidirectional-infinite-scroll.

vishalnarkhede avatar vishalnarkhede commented on June 10, 2024

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!!

Screenshot 2021-04-10 at 19 53 23

from react-native-bidirectional-infinite-scroll.

lc3t35 avatar lc3t35 commented on June 10, 2024

_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.

lc3t35 avatar lc3t35 commented on June 10, 2024

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.

Jojr avatar Jojr commented on June 10, 2024
  • 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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.