https://github.com/mindinventory/react-native-navigation-animation

Transition navigation component for React Native
https://github.com/mindinventory/react-native-navigation-animation

react react-native react-native-animation react-native-app react-native-elements react-native-library react-navigation reactnative

Last synced: 6 days ago
JSON representation

Transition navigation component for React Native

• Host: GitHub
• URL: https://github.com/mindinventory/react-native-navigation-animation
• Owner: Mindinventory
• License: mit
• Created: 2018-10-10T12:47:53.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-06-27T06:05:45.000Z (over 5 years ago)
• Last Synced: 2024-09-27T18:42:38.678Z (6 days ago)
• Topics: react, react-native, react-native-animation, react-native-app, react-native-elements, react-native-library, react-navigation, reactnative
• Language: JavaScript
• Homepage: https://www.mindinventory.com/react-native-app-development.php
• Size: 230 KB
• Stars: 153
• Watchers: 11
• Forks: 22
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Native Navigation Animation

Beautiful Navigation animation with transition made with React Native.

Check it out on Dribbble (https://dribbble.com/shots/4115418-Home-page-interactions)



Android: `react-native run-android`

iPhone: `react-native run-ios`

# Usage

```js

render() {

    return (

        

            

                

                + Create

            

            

            {/* Top Container ........ */}

            

                {/* User Image ........ */}

                

                

                    Hello,{"\n"}Dance Montgomery

                

                

                    What you want to cook today?

                

                {/* Search View Container ........ */}

                

                    

                    

                

            

            {/* Bottom Container ........ */}

            

                {/* Tab bar View........ */}

                

                     this.renderTapBarItem(item, index)}

                    />

                

                {/* Grid View........ */}

                

                     this.renderGridItem(item, index)}

                    />

                

            

        

        

    );

}

```

## Dependencies

* `react-navigation-fluid-transitions`

# Changelog

### Version: 1.0

  * Initial Build

# LICENSE!

React-native-navigation-animation is [MIT-licensed](https://github.com/Mindinventory/react-native-navigation-animation/blob/master/LICENSE).

# Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.