我是Wix Navigation的新手,我真的很喜欢本机在导航中的感觉,但是它也非常困难。.我不明白我应该如何构建。 我希望能够通过单个欢迎屏幕启动我的应用,然后我将导航用户以登录/注册屏幕。 登录后,它们将位于主页内部,并且主页将具有sideMenu。 我已经创建了带有侧菜单的主页,但是 ...
提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供 中文繁体 英文版本 中英对照 版本,有任何建议请联系yoyou2525@163.com。
我一直试图制作一个合适的RNN V2树,但这对我来说没有意义......给出这个例子:
root: {
bottomTabs: {
children: [
{
component: {
name: 'Main',
options: {
bottomTab: {
text: 'Main',
},
},
},
},
{
component: {
name: 'Secondary',
options: {
bottomTab: {
text: 'Secondary',
},
},
},
},
],
},
},
}
因此,我想告诉导航器使用红色到活动底部选项卡。 如果我想实现这一点,那么我需要将selectedTextColor添加到EACH COMPONENT
...component: {
...
options: {
...
selectedTextColor: 'red'
}
}
与bottomTabs相同,隐藏等...如何在父级中设置一次,让孩子继承这些选项?
自下而上为每个BottomTab解析选项,因此bottomTab选项只能定义一次。
让我们看看一个稍微复杂的布局,取自游乐场应用:
Navigation.setRoot({
root: {
bottomTabs: {
id: 'BottomTabs',
children: [
{
stack: {
id: 'TAB1_ID',
children: [
{
component: {
name: 'navigation.playground.TextScreen',
passProps: {
text: 'This is tab 1',
myFunction: () => 'Hello from a function!'
},
options: {
topBar: {
visible: true,
animate: false,
title: {
text: 'React Native Navigation!'
}
},
}
}
}
],
options: {
topBar: {
visible: false
},
bottomTab: {
text: 'Tab 1',
icon: require('../images/one.png'),
selectedIcon: require('../images/one.png'),
testID: testIDs.FIRST_TAB_BAR_BUTTON
}
}
}
},
{
stack: {
children: [
{
component: {
name: 'navigation.playground.TextScreen',
passProps: {
text: 'This is tab 2'
}
}
}
],
options: {
bottomTab: {
text: 'Tab 2',
icon: require('../images/two.png'),
testID: testIDs.SECOND_TAB_BAR_BUTTON
}
}
}
},
{
component: {
name: 'navigation.playground.TextScreen',
passProps: {
text: 'This is tab 3',
myFunction: () => 'Hello from a function!'
},
options: {
topBar: {
visible: true,
animate: false
},
bottomTab: {
text: 'Tab 3',
icon: require('../images/one.png'),
selectedIcon: require('../images/one.png')
}
}
}
}
],
options: {
bottomTabs: {
titleDisplayMode: 'alwaysShow',
testID: testIDs.BOTTOM_TABS_ELEMENT
}
}
}
}
});
如您所见, BottomTab
选项可以在堆栈选项中或在组件的选项中声明。 这是因为从当前布局树中为每个选项卡解析了选项。 重要的是要记住选项是自下而上解决的,这意味着更深层次的选项(从root进一步声明)优先于更高的选项(声明更接近root)。
让我们仔细看看BottomTab的第一个孩子。 在这种情况下,它是一个声明bottomTab
选项的stack
。 推送到此堆栈的bottomTab
都可以覆盖堆栈的bottomTab
选项,因为它在布局树中更深 - 堆栈的选项可以视为默认选项。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.