WIX React本机导航:堆栈中的第二个屏幕显示在第一个屏幕上

2021-05-07

栏目: 十大 ·

简介  这篇文章主要介绍了WIX React本机导航:堆栈中的第二个屏幕显示在第一个屏幕上以及相关的经验技巧,文章约2136字,浏览量3885,点赞数2,值得参考!

我的RN应用程序中有一个导航,基于WIX React Native Navigation。我在应用程序中有两个选项卡。在第一个“设置”屏幕上,一旦应用程序启动,就会在“登录”屏幕上呈现。它是如何解决的,如果我只想显示“登录”并从中点击导航到“设置”?

enter image description here

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'
        }
      }
    }
  }
});

这将为您提供所需的行为。


以上就是本文的全部内容,希望对大家的学习有所帮助,本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

相关文章

iOS11上的程序化beginRefreshing()在largeTitles模式下存在问题

(React导航wix与Redux)应用程序在启动时崩溃(示例代码)

ios导航堆栈中的两个转换/演示文稿

如果用户在由本机生成的应用程序上隐藏了较低的硬件导航栏,则Android屏幕不适合

模态segue推动顶部的附加导航栏滑动

React Navigation-(Qucik Start)快速开始(示例代码)

在Wix Toolset中的卸载过程中隐藏/显示控件

如何修复反应导航从屏幕顶部移动我的组件?