@remobile/react-native-3d-panel

React Native 3D Left Menu (remobile)

A 3d left menu like old version QQ.

Installation

npm install @remobile/react-native-3d-panel --save

Usage

Example

'use strict';

var React = require('react');
var ReactNative = require('react-native');
var {
    StyleSheet,
    Image,
} = ReactNative;

var Panel = require('@remobile/react-native-3d-panel');
var Menu = require('../person/Settings');
var image = require('./1.jpg');

module.exports = React.createClass({
    render() {
        const menu = (
            <Menu />
        );
        return (
            <Panel leftMenu={menu}>
                <Image
                    resizeMode='stretch'
                    source={image}
                    style={styles.image}>
                </Image>
            </Panel>
        )
    }
});

var styles = StyleSheet.create({
    image: {
        width: sr.w,
        height: sr.h,
    },
});

Screencasts

Props

• leftMenu: PropTypes.Component.required
• children: PropTypes.Component.required
• speed: PropTypes.number.required default:500
• menuWidth: PropTypes.number.required default:Dimensions.get('window').width*2/3