FluidTransitions | Fluid Transitions for React Navigation | Navigation library

by fram-x JavaScript Version: Release-0.3.2 License: MIT

X-Ray Key Features Code Snippets Community Discussions(2)Vulnerabilities Install Support

kandi X-RAY | FluidTransitions Summary

FluidTransitions is a JavaScript library typically used in User Interface, Navigation, React Native, React applications. FluidTransitions has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i react-navigation-fluid-transitions' or download it from GitHub, npm.

This project aims to implement a simple yet powerful set of constructs for building fluid transitions between elements when navigating with React Navigation. The library is JavaScript only - no linking required. The library implements a new navigator component called FluidNavigator with the same interface and routing configuration as the StackNavigator. The library has a component called Transition which can be used to build different types of transitions that will automatically be run when navigating between screens using the regular navigation actions. The Navigator's API is identical to the StackNavigator except that it does not support a header component. It can easily be integrated with redux and your existing navigation setups.

Support

Quality

Security

License

Reuse

Support

FluidTransitions has a medium active ecosystem.

It has 2910 star(s) with 200 fork(s). There are 41 watchers for this library.

It had no major release in the last 6 months.

There are 58 open issues and 113 have been closed. On average issues are closed in 59 days. There are 20 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of FluidTransitions is Release-0.3.2

Quality

FluidTransitions has 0 bugs and 0 code smells.

Security

FluidTransitions has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

FluidTransitions code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

FluidTransitions is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

FluidTransitions releases are not available. You will need to build from source code and install.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

It has 92 lines of code, 4 functions and 70 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi has reviewed FluidTransitions and discovered the below as its top functions. This is intended to give you an instant insight into FluidTransitions implemented functionality, and help decide if they suit your requirements.

Returns a transition type
Register a transition type
Determine if a component should be used
Check if a number is a number .

Get all kandi verified functions for this library.

FluidTransitions Key Features

No Key Features are available at this moment for FluidTransitions.

FluidTransitions Examples and Code Snippets

No Code Snippets are available at this moment for FluidTransitions.

Community Discussions

Trending Discussions on FluidTransitions

Shared attribute with react-navigation-fluid-transitions not working

Can't use FluidTransitions with React-Native-Navigation

QUESTION

Shared attribute with react-navigation-fluid-transitions not working

Asked 2020-Mar-13 at 09:13

I making a app in React native and found a cool transition library. Everything works fine exept the shared="name" attribute. The shared attribute is supposed to make a smooth transition of elements between navigations ex move and flip element. Navigation works fine.

Screen1

...

ANSWER

Answered 2020-Mar-13 at 09:13

You just messed up somewhere. Here is your working example https://snack.expo.io/Hyk806!HI

Source https://stackoverflow.com/questions/57928885

QUESTION

Can't use FluidTransitions with React-Native-Navigation

Asked 2019-Nov-10 at 12:46

I am using React-Native-Navigation which do not have this method:

...

ANSWER

Answered 2019-Nov-10 at 12:46

The FluidTransition library is only supported for the React Navigation library. However, the React-Native-Navigation have implemented their own version of shared element transition which can be found in their docs.

Source https://stackoverflow.com/questions/58429832

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install FluidTransitions

To install the library into your project, run yarn or npm:.

Support

For achieving the best experience it's vital to get rid of JS evaluation during animation run. React-native Animated API allows for scaling in both axis using native drivers, but it's not possible to resize width and height (which calls for a layout computation). Thus the native driver is used only when the ratio of source and target component are the same and it's recommended for the best quality of animations.

Find more information at: