DrawerPanel

DrawerPanel.js

import React from 'react';
import RX from 'reactxp';

const styles = {
    container: RX.Styles.createViewStyle({
        flex: 1,
        width: 100,
        backgroundColor: 'red'
    }),
    drawerText: RX.Styles.createTextStyle({
        fontSize: 16,
        textAlign: 'center',
        marginTop: 12,
        color: 'black'
    })
};

export default class DrawerPanel extends RX.Component {
    render() {
        return (
            <RX.View style={ styles.container }>
                <RX.Text style={ styles.drawerText }>
                    Here is a drawer
                </RX.Text>
            </RX.View>
        );
    }
}