首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在wix本机导航v2中添加侧菜单图标?

如何在wix本机导航v2中添加侧菜单图标?
EN

Stack Overflow用户
提问于 2018-11-11 20:48:16
回答 3查看 4.5K关注 0票数 1

我是新来的-土生土长。我想添加像下面的图像那样的侧菜单图标

在wix中,本机导航v1相当简单。我们只需要加上

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
  tabs:[
    screen: "myscreenName",
    label: "MyLabel",
    icon: require('icon-url')
  ]
}

但是在V2文档中,他们说,如果您添加到侧菜单,使用这个,但他们没有说如何添加图标。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
  root: {
    sideMenu: {
      left: {
        component: {
          name: 'sideDrawer'
        }
      },
      center: {
        bottomTabs: {
          .....
        }
      }
    }
  }
}

因此,如果我从左侧拖动,就会出现一个侧抽屉,但是图标丢失了。我是否在wix反应本地导航v2上添加了这样的图标?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-11-11 22:20:25

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

在默认情况下,汉堡包按钮不再添加,因为许多用户要求控制它何时显示,何时不显示。在每个屏幕上,您都希望有汉堡包按钮,显式地添加它: 静态navigatorButtons ={ leftButtons:{ id:'sideMenu‘};

票数 1
EN

Stack Overflow用户

发布于 2018-12-19 02:22:54

您可以在屏幕中添加此静态函数,并提供不同的配置:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
export default class Screen extends Component {

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

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

票数 1
EN

Stack Overflow用户

发布于 2018-11-11 21:30:46

您可以尝试下面的代码。这将创建一个基于选项卡的屏幕。如果您想作为屏幕,可以使用Navigation.startSingleScreenApp(.)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    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"
              }
            }]
          }
        }
      }
    }
  });
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53256111

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文