Giter Site home page Giter Site logo

Comments (3)

Albert-Gao avatar Albert-Gao commented on May 4, 2024 4

Everything below is ONLY for the web, the mobile modal pattern is solved at the OS layer

Hi, would love to help, but wonder what is the suggested solution, my quick idea is to solve this from the expo-router layer, which is, when you have a screen with option { presentation: "modal" }, and you link.push() to this screen,

  • the expo-router would render this screen with portal from the root.
  • the path should not update to the modal path which would re-render the whole page and thus breaking the web-pattern (display the current page underneath the grayed-out background), it should just attach a query string maybe. (or it can?)

Then you can have a proper web-like modal for free and integrates with the expo-router default API.

The tricky part might be the grayed-out background, do we need to have a way to let the user reuse it, or let the user solve it at the user-land since with the above pattern, it is just a matter of implementation.

from router.

EvanBacon avatar EvanBacon commented on May 4, 2024

Closing in favor of an internal linear ticket for our docs team. This should be pretty easy to do with Expo Router v3.

from router.

yepes avatar yepes commented on May 4, 2024

Any example of this use case?

from router.

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.