native-cmos-drawer v0.0.1

React Native 抽屉组件使用介绍

安装：

npm install native-cmos-drawer

参数：

使用示例：

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  TouchableHighlight,
  View
} from 'react-native';
import DrawerLayout from './drawer';

export default class AppTest extends Component {
  render() {
    var navigationView = (
      <View style={{flex: 1, backgroundColor: '#000',opacity:0.5}}>
      <Text style={{margin: 10, fontSize: 15,color:"white", textAlign: 'left'}}>
      哈哈哈
      </Text>
    </View>
    );
    return (
      <DrawerLayout
        distanceTop={40}
        distanceBottom={100}
        drawerWidth={100}
        ref={drawer => {
          return (this.drawer = drawer);
        }}
        setOverlayOpacity = {0.2}
        drawerPosition={DrawerLayout.positions.Left}
        renderNavigationView={() => navigationView}>
        <TouchableHighlight style={{margin:40}} onPress={() => this.drawer.openDrawer()}>
          <Text>Open drawer</Text>
        </TouchableHighlight>
        <View style={{flex: 1, alignItems: 'center'}}>
          <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>Hello</Text>
          <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>World!</Text>
        </View>
      </DrawerLayout>
    );
  }
}

AppRegistry.registerComponent('RNDrawerDemo', () => AppTest);

更新日志：