v2 Wix React-native-navigation:如何使用bottomTabs实现侧边菜单？

import { Navigation } from 'react-native-navigation';

// 创建侧边菜单内容组件
const SideMenuContent = () => {
  // 自定义侧边菜单内容
  return (
    // ...
  );
};

// 设置底部导航栏和侧边菜单
Navigation.setRoot({
  root: {
    sideMenu: {
      left: {
        component: {
          name: 'SideMenu',
          passProps: {
            // 可以传递一些参数给侧边菜单组件
          },
        },
      },
      center: {
        bottomTabs: {
          children: [
            {
              stack: {
                children: [
                  {
                    component: {
                      name: 'Screen1',
                    },
                  },
                ],
                options: {
                  bottomTab: {
                    text: 'Screen 1',
                    icon: require('./screen1.png'),
                  },
                },
              },
            },
            {
              stack: {
                children: [
                  {
                    component: {
                      name: 'Screen2',
                    },
                  },
                ],
                options: {
                  bottomTab: {
                    text: 'Screen 2',
                    icon: require('./screen2.png'),
                  },
                },
              },
            },
          ],
        },
      },
    },
  },
});

// 注册屏幕组件
Navigation.registerComponent('SideMenu', () => SideMenuContent);
Navigation.registerComponent('Screen1', () => Screen1Component);
Navigation.registerComponent('Screen2', () => Screen2Component);