WIX React本机导航:堆栈中的第二个屏幕显示在第一个屏幕上
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WIX React本机导航:堆栈中的第二个屏幕显示在第一个屏幕上相关的知识,希望对你有一定的参考价值。
我的RN应用程序中有一个导航,基于WIX React Native Navigation。我在应用程序中有两个选项卡。在第一个“设置”屏幕上,一旦应用程序启动,就会在“登录”屏幕上呈现。它是如何解决的,如果我只想显示“登录”并从中点击导航到“设置”?
export const goToAuth = () =>
Navigation.setRoot({
root: {
bottomTabs: {
children: [
{
stack: {
children: [
{
component: {
name: 'Login',
options: {
bottomTab: {
text: 'Tab One',
},
topBar: {
title: {
text: 'Tab One',
},
},
},
},
},
{
component: {
name: 'Settings',
options: {
topBar: {
title: {
text: 'Tab Two',
},
},
},
},
},
],
options: {
bottomTab: {
text: 'Tab 1',
},
},
},
},
{
component: {
name: 'PinCode',
options: {
bottomTab: {
text: 'Tab 2',
},
},
},
},
],
},
},
});
答案
从堆栈中删除设置组件,您的子阵列应该只有登录组件,并在需要时以编程方式从登录屏幕推送设置屏幕。
Navigation.push(this.props.componentId, {
component: {
name: 'Settings',
options: {
topBar: {
title: {
text: 'Settings screen'
}
}
}
}
});
这将为您提供所需的行为。
以上是关于WIX React本机导航:堆栈中的第二个屏幕显示在第一个屏幕上的主要内容,如果未能解决你的问题,请参考以下文章