question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Page transitions stopped working with alpha.5

See original GitHub issue

Dependencies

Dependency Version
react-router-native 2.0.0-alpha.5
react-router 3.0.0-alpha.3
react-native 0.32

Tested on iOS simulator

Problem

With alpha.4 the following route definitions animated correctly:

export default <TabsRoute
  path='/'
  onEnter={AppController.onEnter}
  component={AppController}>

  <StackRoute
    path='orders'
    overlayComponent={Header}
    component={Page}
    transition='horizontal-card-stack'>

    <IndexRoute
      onEnter={ListController.onEnter}
      component={ListController} />

    <Route path=':orderId' component={SingleController} onEnter={SingleController.onEnter} />
    {images}

  </StackRoute>

</TabsRoute>;

I redirect to /orders in the onEnter hook of the outermost route, so i start at /orders. With alpha.4 the page transition from /orders/ to /orders/:orderId animated correctly with an horizontal-card-stack transition. Updating to alpha.5 changes this behaviour: the transition is abrupt. I suspect this has something to do with the changes in transitionRegistry? Any pointers or explanations? 😕

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
jonathanglasmeyercommented, Sep 15, 2016

No, it’s no animation at all, just skips to the screen right away (with about 300ms delay).

No stress. Thanks for your awesome work man!

1reaction
jonathanglasmeyercommented, Sep 14, 2016

Woops that was me logged in with a wrong account. 😴

Read more comments on GitHub >

github_iconTop Results From Across the Web

Indesign publish online page transitions not working
When I publish online from InDesign, any page transitions that have been applied to pages do not work. The pages simply appear.
Read more >
Apply and clear page transitions in InDesign - Adobe Support
In the Pages panel, select the spreads to which you want to apply the page transition. Make sure the spread is selected, not...
Read more >
How to make an object go to alpha 0,5 and back to 1 during ...
I can set alpha to 0.5 at the beginning and make it go back to 1 during the transition, but that's not the...
Read more >
transitions do not have alpha in compound clips
when working with a compound clip, the alpha channel of transitions within those compound clips are being ignored, or there is just no...
Read more >
Custom page transitions (The Boring Flutter Development ...
In this episode, Fitz makes his Boring Show debut with Filip. Continuing with the Hacker News App, they add custom page transitions, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found