react-native-custom-menus
Create simple navigation menus with your own personalized icons and style!
Last updated a year ago by lalapo .
Original npm · Tarball · package.json
$ cnpm install react-native-custom-menus 
SYNC missed versions from official npm registry.

What it does:

Create simple navigation menus with your own personalized icons and style!

Install

npm install react-native-custom-menus

Custom Menu

import React from 'react';
import { StyleSheet, Text, View, Image, Dimensions } from 'react-native';
import FirstPage from './FirstPage';
import SecondPage from './SecondPage';
import { FancyNavigation, CustomNavigation, CustomPage } from 'react-native-custom-menus';

export default class MyDrawer extends React.Component {
  render() {
    return (
      <CustomNavigation
        icon={{uri: 'https://cdn4.iconfinder.com/data/icons/tupix-1/30/list-512.png'}}
        style={styles.menu}
      >
        <CustomPage path={FirstPage} icon={require(`./assets/pic1.png`)}/>
        <CustomPage path={SecondPage} icon={require(`./assets/pic2.png`)}/>
      </CustomNavigation>
    )
  }
}
Normal

Fancy Menu

import React from 'react';
import { StyleSheet, Text, View, Image, Dimensions } from 'react-native';
import FirstPage from './FirstPage';
import SecondPage from './SecondPage';
import { FancyNavigation, CustomNavigation, CustomPage } from 'react-native-custom-menus';

export default class MyDrawer extends React.Component {
  render() {
    return (
      <FancyNavigation
        icon={{uri: 'https://cdn4.iconfinder.com/data/icons/tupix-1/30/list-512.png'}}
        style={styles.menu}
        radius={100}
      >
        <CustomPage path={FirstPage} icon={require(`./assets/pic1.png`)}/>
        <CustomPage path={SecondPage} icon={require(`./assets/pic2.png`)}/>
      </FancyNavigation>
    )
  }
}
Fancy

Rendering the Drawer

import MyDrawer from './MyDrawer';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <MyDrawer/>
      </View>
    )
  }
}

Current Tags

  • 0.1.11                                ...           latest (a year ago)

12 Versions

  • 0.1.11                                ...           a year ago
  • 0.1.10                                ...           a year ago
  • 0.1.9                                ...           a year ago
  • 0.1.8                                ...           a year ago
  • 0.1.7                                ...           a year ago
  • 0.1.6                                ...           a year ago
  • 0.1.5                                ...           a year ago
  • 0.1.4                                ...           a year ago
  • 0.1.3                                ...           a year ago
  • 0.1.2                                ...           a year ago
  • 0.1.1                                ...           a year ago
  • 0.1.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 2
Last Day 0
Last Week 1
Last Month 13
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |