Comments (5)
You're probably using the library a bit "upside down" - it is built for building transitions between screens - not between nested navigators. You will not see any results the way you use it - a FluidNavigator does not know how to transition between sub navigators. Use FluidNavigator for the screens and build transitions in these screens - that should probably work.
from fluidtransitions.
The Example has a nested setup with a StackNavigator. If you’re unable to integrate with other navigators please provide a snack as an example. Also verify that it works with a regular StackNavigator before creating the issue. Thanks!
from fluidtransitions.
this is last of my effort to trying contributed to this lib.
https://snack.expo.io/ByfA7bqjG
I'm not work with snack before, so i just push my code on snack (it simple like your example). This code work simple with react-navigation, but when using FluidNavigator it not work like i expect.
(Or i do something wrong, can you point it out???)
Can you try test with your own when you close? Do you want to make this library better? I still wonder about this.
from fluidtransitions.
" it is built for building transitions between screens" - That is one of my thought. Very thanks your suggestion. I will try to find out how to do this way. <3
from fluidtransitions.
You're probably using the library a bit "upside down" - it is built for building transitions between screens - not between nested navigators. You will not see any results the way you use it - a FluidNavigator does not know how to transition between sub navigators. Use FluidNavigator for the screens and build transitions in these screens - that should probably work.
What would be the solution to transition between a screen and a modal (as defined in https://reactnavigation.org/docs/en/modal.html)
for example between the ModalScreen and the DetailsScreen in this picture:
https://reactnavigation.org/docs/assets/modal/tree.png
modal must be defined at the top most stack, but I don't want to create a fluid navigator on the top most stack as I only define transition between the modal and some of the screen.
This is related to #178
from fluidtransitions.
Related Issues (20)
- Update TransitionItemsView componentWillRecieveProps to use getDerivedStateFromProps
- Add support for React Navigation 4 HOT 18
- getting an exception error of unmount Transition shared key
- [question] Transition element on navigate HOT 1
- Does it support React-Native-Navigation
- Unable to modify duration/speed using <Transition> HOT 1
- Transition component's disappear prop does not work
- No header when using fluidNavigator HOT 5
- (0, _reactNavigationFluidTransitions.default) is not a function HOT 3
- React Navigation v4^ the navigation prop is missing for this navigator HOT 1
- get current transition route name
- [ShareElement] How can i zoom out the view container on List Image on share transition?
- Fluid Navigator Transition not working in iOS? HOT 1
- Can't get it to working. HOT 7
- Shared Element Transition - Works Only For One Way
- support react-navigation5 HOT 11
- How to solve the inaccurate moving distance caused by zooming while moving?
- Tab navigation
- typescript
- error message
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 fluidtransitions.