React Native Space Navigation

The design belongs to a designer from Dribbble. Navigation Menu Interactions 🚀

Images

Dependencies

1. react-native-svg
2. react-native-vector-icons

Installation

npm install --save react-native-space-navigation

Import

import SpaceNavigation from 'react-native-space-navigation';

Parameters

Name | Value | Description --- | --- | --- changeNavigation | callback(page) | The function to call when the page changes. navigation | Array | Set of menus to create. firstPage | Number | Start page order.

Usage

navigation(page){
  console.warn(page);
}

<SpaceNavigation
  changeNavigation={this.navigation}
  navigation={[
    { packet: 'Foundation', icon: 'home' },
    { packet: 'Feather', icon: 'bookmark' },
    { packet: 'Feather', icon: 'plus-circle' },
    { packet: 'AntDesign', icon: 'user' },
    { packet: 'Entypo', icon: 'cog' }
  ]}
  firstPage={0}
/>

License

MIT