React Native小白(超简单精致的抽屉组件侧边栏菜单):使用react-native-side-menu实现抽屉组件(四)

实现效果如下：

  左右滑动主页面可以将抽屉打开或者关闭。

首先需要安装：

npm install react-native-side-menu --save

然后在需要做导航栏的文件引入：

import SideMenu from 'react-native-side-menu';

下面就可以编写顶部导航栏了，以下是完整代码：

import React, {
    Component } from 'react';
import {
   
    Platform,
    StyleSheet,
    Text,
    View,
    Dimensions
} from 'react-native';
import SideMenu from 'react-native-side-menu';
import TopTabBar from './TopTabBar';
import BottomTabBar from './BottomTabBar';