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