Comments (2)
Same one, React Navigation really not good
from react-navigation-transitions.
I also want to do this. Currently, I have the following code (not working):
import React from 'react'
import { createStackNavigator } from '@react-navigation/stack'
import { zoomIn, zoomOut } from 'react-navigation-transitions'
interface StackProps
{
screens: Array<{name: string, component: React.FC}>
}
const Stack: React.FC<StackProps> = ({screens}) =>
{
const Navigator = createStackNavigator()
return (
<Navigator.Navigator
headerMode='none'
initialRouteName='Home'
screenOptions=
{{
transitionSpec: {open: zoomIn(100), close: zoomOut(100)}
}}
>
{screens.map(screen => (
<Navigator.Screen
key={screen.name}
name={screen.name}
component={screen.component}
/>
))}
</Navigator.Navigator>
)
}
export default Stack
from react-navigation-transitions.
Related Issues (20)
- SafeAreaView doesn't work with this library HOT 10
- Not working for react navigation 3
- not working for stackactions reset dispatch HOT 4
- zoomIn() not working correctly with back navigation on Android HOT 8
- flipX and flipY not working correctly on Android when going back HOT 8
- Not working with DrawerNavigation? HOT 2
- dont animaiton in splash screen HOT 1
- doesn't affect createSwitchNavigator? HOT 1
- When transitioning from screen without header to screen with header, header is transitioning from right to left HOT 3
- Page keep blinking when move to third page HOT 5
- FadeIn not works for subscreens inside the createStackNavigator
- not work with react navigation stack pakage HOT 7
- How can make input range from right side something like fromRight() HOT 2
- Back navigation with custom animations
- Support react navigation v5 HOT 5
- Not working with react navigation 4 HOT 3
- Cleanup non issue
- applying it to a specific route only HOT 1
- More transitions HOT 3
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 react-navigation-transitions.