【问题标题】:react-native-navigation (wix) v2 static Scene for all tabs所有选项卡的 react-native-navigation (wix) v2 静态场景
【发布时间】:2018-06-23 17:52:19
【问题描述】:

我们正在开发一款带有音乐播放器的应用(类似于 spotify)。 即使 React-navigation 有效,我们也考虑过从 wix 切换到 React-native-navigation (v2)。 在实现 RNN v2 时,我们遇到了将组件放置在 bottomTabs Bar 上方的问题,以便在选项卡切换时它保持静态。 我们不希望组件通过切换选项卡重新呈现。它的行为应该类似于 Spotify 音乐播放器! 这可能吗?

tl;博士

如何将组件(例如音乐播放器)放置在底部选项卡的上方。它不应该通过切换选项卡重新呈现。

非常感谢您的帮助

更新

这对我有用:

Navigation.showOverlay({
  component: {
    name: 'yourRegisteredScene',
    passProps: {
    },
    options: {
      overlay: {
        interceptTouchOutside: false,
      },
      layout: {
        backgroundColor: 'transparent',
        orientation: ['portrait'],
      }
    }
  }
});

【问题讨论】:

    标签: react-native react-native-navigation wix-react-native-navigation react-native-navigation-v2


    【解决方案1】:

    RNN v2 有一个覆盖 API,允许您将组件显示为整个应用程序上方的覆盖。如果您不关闭叠加层,即使您在选项卡之间切换,它也会持续显示。

    我不确定它是否满足您的所有需求,但您可以尝试一下。 查看documentation 了解更多信息。在 Playground 项目中还有一个example

    【讨论】:

    • 但是我们还有一个悬而未决的问题:我们的组件必须能够扩展。就像 Spotify 中的播放器一样。是否有可能在交互时动态更改叠加层的大小?例如您拖动组件,组件将展开为全屏。我必须使覆盖全屏吗?如果是这样,我怎样才能与底层的底部标签交互?
    • 叠加层可以像任何其他组件一样更改其大小。它也可以占据整个屏幕,因此您可以仅在必要时扩展它。在我看来,唯一的问题是以支持所有用例的方式将组件正确定位在选项卡上方的问题。这就是为什么我说我不确定它是否能满足你的所有需求,你需要自己玩一下看看
    • 好的,非常感谢。我会尝试这种方式,看看是否可行!
    • 有没有办法滑入叠加层?而且我在文档中找不到此方法的可用选项!!请问有什么提示吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-03
    • 2019-10-22
    • 1970-01-01
    • 2018-12-02
    • 2018-12-27
    相关资源
    最近更新 更多