native react 二级菜单_react-native + teaset（Drawer）实现侧边菜单

1.代码

/**

* 购物车

*/

import React, {Component} from 'react';

import {

View,

Image,

} from 'react-native';

import { BaseContainer } from '../../../components';

import Icon from 'react-native-vector-icons/Ionicons'; //引入图标

import { Theme, Drawer, ListRow, Button } from 'teaset';

import { images } from '../../../res';

export default class ShopCarPage extends Component {

constructor(props) {

super(props);

this.state = {

rootTransform: 'none'

};

}

// 显示或隐藏侧边菜单(抽屉)

toggleMenu(side){

let { rootTransform } = this.state;

this.drawer = Drawer.open(this.renderDrawerMenu(), side, rootTransform);

}

// 侧边菜单(抽屉)

renderDrawerMenu(){

return (

icon={

}

title='User name'

/>

icon={images.error}

title='Home'

/>

icon={images.error}

title='Store'

bottomSeparator='none'

/>

this.drawer && this.drawer.close()} />

);

}

render() {

return (

hideLeft

title={'购物车'}

rightView={ this.toggleMenu('left')} />}

>

)

}

}

2.效果图