我是新来的-土生土长。我想添加像下面的图像那样的侧菜单图标
在wix中,本机导航v1相当简单。我们只需要加上
{
tabs:[
screen: "myscreenName",
label: "MyLabel",
icon: require('icon-url')
]
}
但是在V2文档中,他们说,如果您添加到侧菜单,使用这个,但他们没有说如何添加图标。
{
root: {
sideMenu: {
left: {
component: {
name: 'sideDrawer'
}
},
center: {
bottomTabs: {
.....
}
}
}
}
}
因此,如果我从左侧拖动,就会出现一个侧抽屉,但是图标丢失了。我是否在wix反应本地导航v2上添加了这样的图标?
发布于 2018-11-11 22:20:25
您可以检查这个链接https://github.com/wix/react-native-navigation/issues/796。
在默认情况下,汉堡包按钮不再添加,因为许多用户要求控制它何时显示,何时不显示。在每个屏幕上,您都希望有汉堡包按钮,显式地添加它: 静态navigatorButtons ={ leftButtons:{ id:'sideMenu‘};
发布于 2018-12-19 02:22:54
您可以在屏幕中添加此静态函数,并提供不同的配置:
export default class Screen extends Component {
static get options() {
return {
topBar: {
title: {
text: 'Screen',
},
leftButtons: [
{
icon: require('../../../assets/icons/burgerMenu.png'),
id: 'toggleDrawer',
},
],
},
};
}
}
选项的完整列表可以在以下链接的文档中找到:topBar选项
发布于 2018-11-11 21:30:46
您可以尝试下面的代码。这将创建一个基于选项卡的屏幕。如果您想作为屏幕,可以使用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"
}
}]
}
}
}
}
});
}
https://stackoverflow.com/questions/53256111
复制相似问题