如何在wix-react-native-navigation v2中添加侧边菜单图标？

Question

我是本机反应的新手。我想添加侧面菜单图标，如下图所示

wix-react-native-navigation v1中的

非常简单。我们只需要添加

{
  tabs:[
    screen: "myscreenName",
    label: "MyLabel",
    icon: require('icon-url')
  ]
}

但是在V2文档中，他们说如果您添加到侧边菜单，请使用此功能，但是他们没有说如何添加图标。

{
  root: {
    sideMenu: {
      left: {
        component: {
          name: 'sideDrawer'
        }
      },
      center: {
        bottomTabs: {
          .....
        }
      }
    }
  }
}

结果，如果我从左侧拖动，但缺少图标，则会出现一个侧边抽屉。 任何想法，我如何在wix-react-native-navigation v2上添加这样的图标

Answer 1

您可以检查此链接 https://github.com/wix/react-native-navigation/issues/796

  

默认情况下，不再默认添加“汉堡包”按钮   用户要求控制何时显示，何时不显示。在每一个   屏幕上您想要具有“汉堡包”按钮的屏幕，则将其明确添加：

     

静态navigatorButtons = {leftButtons：[       {          id：'sideMenu'       }]};

Answer 2

您可以尝试以下代码。这将创建一个基于选项卡的屏幕。如果要作为屏幕，则可以使用Navigation.startSingleScreenApp（...）

    Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      sideMenu: {
        id: "sideMenu",
        left: {
          component: {
            id: "Drawer",
            name: "navigation.Drawer"
          }
        },
        center: {
          stack: {
            id: "AppRoot",
            children: [{
              component: {
                id: "App",
                name: "navigation.AppScreen"
              }
            }]
          }
        }
      }
    }
  });
}

Answer 3

您可以在屏幕中使用不同的配置添加此静态功能：

export default class Screen extends Component {

  static get options() {
    return {
      topBar: {
        title: {
          text: 'Screen',
        },
        leftButtons: [
          {
            icon: require('../../../assets/icons/burgerMenu.png'),
            id: 'toggleDrawer',
          },
        ],
      },
    };
  }
}

选项的完整列表可在以下链接的文档中找到：topBar options