Coder Social home page Coder Social logo

How to handle rotations about componentkit HOT 4 CLOSED

facebook avatar facebook commented on April 25, 2024
How to handle rotations

from componentkit.

Comments (4)

benlodotcom avatar benlodotcom commented on April 25, 2024

Sorry for the delay getting back to you.

Because all view has to be updated, I would need to update all the models
Yes or at least they will eventually need to be before they come on screen.

We currently don't have infrastructure to handle rotation in other ways that updating all the models.
But if you want to tackle it, here are a few different approaches that you could pursue :

  • Instead of regenerating the whole component tree, just do a relayout.
  • For your components always compute a landscape and portrait version and switch between them.
  • Recompute only a subset of what is visible synchronously, and start the recomputation of others asynchronously. In your datasource when you're about to show a new cell verify the right layout has been recomputed and otherwise enqueue a synchronous recompute/just wait until the async recomputation is done.

This could be a great addition to the datasources ! Let me know if you need more info.

from componentkit.

7ynk3r avatar 7ynk3r commented on April 25, 2024

Thanks for the response!

I'll try the approaches you mentioned and let you know.

from componentkit.

nihalahmed avatar nihalahmed commented on April 25, 2024

@7ynk3r Hey, I am facing a similar issue as you have, and was wondering if any of the above suggestions helped you? I am quite new to ComponentKit. I am not sure how to do a relayout as suggested above. @benlodotcom If you could also guide me how to do that, I would appreciate it.

from componentkit.

7ynk3r avatar 7ynk3r commented on April 25, 2024

I end up doing reloading the list after rotation it. The problem is that if the list is long it can take a little time.

from componentkit.

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.