react-navigation-shared-element
ignite-bowser
react-navigation-shared-element | ignite-bowser | |
---|---|---|
11 | 3 | |
1,249 | 620 | |
- | - | |
2.7 | 0.0 | |
about 1 year ago | over 1 year ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-navigation-shared-element
-
Testing shared elements transition for my app
I use react-navigation-shared-element. The API is really straight forward.
-
Releasing Reanimated 3.0
This one? It's been unmaintained for quite some time now. I've held off from using it just because of this. It's nice that we now get this support from the Reanimated team & React Navigation no need for extra community packages.
-
Hey Peoples I was wondering is there a library I could use to implement this: as I tap the screen the user details appear. Any point to the right direction would help. Thanks
Most part can be done with animation library as other mentioned. The initial transition between two screens seems like a shared element. Check some idea from here: https://github.com/IjzerenHein/react-native-shared-element
- How can I create this type of animated navigation with react native?
- iOS app opening style transitions in RN?
- You can implement shared element transitions like those in the iOS App Store with react-navigation-shared-element
-
Shared transitions are really cool, but you might not know how to create one with React Native. This one is similar to FB Marketplace and you can learn how to make one too :) Hope the short tutorial can be helpful to you (see the comments)
Issue
-
App Store shared transition made with react-native and reanimated 2
Something similar could be done with https://github.com/IjzerenHein/react-navigation-shared-element
- How can I have this transition effect in my app?
- Planets App UI design using React Native.
ignite-bowser
-
React Native: Boilerplates overview
$ ignite new MyNewAppName ----------------------------------------------- ( ) ( )\ ) ( ( /( )\ ) * ) (()/( )\ ) )\()) (()/( ` ) /( ( /(_)) (()/( ((_)\ /(_)) ( )(_)) )\ (_)) /(_))_ _((_) (_)) (_(_()) ((_) |_ _| (_)) __| | \| | |_ _| |_ _| | __| | | | (_ | | .` | | | | | | _| |___| \___| |_|\_| |___| |_| |___| ----------------------------------------------- An unfair headstart for your React Native apps. https://infinite.red/ignite ----------------------------------------------- 🔥 igniting app BowserStyle ? Which boilerplate would you like to use? Bowser (React Navigation, MobX State Tree, & TypeScript) > Bowser * > Andross
-
Yeoman - Acelerando a criação de novos projetos
React Native Ignite (7500 estrelas) — Projetos React Native
-
Best boilerplate
Built my latest app using https://github.com/infinitered/ignite-bowser
What are some alternatives?
react-navigation - Routing and navigation for your React Native apps
react-native-boilerplate - A React Native template for building solid applications 🐙, using JavaScript 💛 or Typescript 💙 (you choose).
app-store-animation - App Store shared transition
react-native-template - An opinionated template to bootstrap your next React Native app with all the time-wasting packages you need to have.
Bower - A package manager for the web
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
mst-effect - 💫 Designed to be used with MobX-State-Tree to create asynchronous actions using RxJS
react-native-shared-element - Native shared element transition "primitives" for react-native 💫
mobx-angular - The MobX connector for Angular.
v-shared-element - Declarative shared-element transitions for Vue.js
agrippa - The CLI for frontend component generation