【问题标题】:How can we wrap an entire react native application inside another react native application?我们如何将整个 React Native 应用程序包装在另一个 React Native 应用程序中?
【发布时间】:2021-05-26 17:26:19
【问题描述】:

我们有 2 个独立的 react native 应用程序,一个父应用程序和一个子应用程序。要求是将要在父应用程序中使用的子应用程序包装起来。子应用程序应该可以从父应用程序以这样的方式访问深度链接的情况。

我们已经尝试创建子应用程序的 .tgz 文件并将其导入父应用程序,但是当子应用程序有任何依赖项时,它开始产生问题。

另外,如果这样的场景是可能的,我们如何控制导航 在这两个应用程序中,我们如何在两个应用程序之间传递数据?

任何建议将不胜感激。提前致谢。

【问题讨论】:

    标签: android ios reactjs react-native react-navigation


    【解决方案1】:

    我将从子应用程序中获取屏幕和组件并将它们集成到父应用程序导航中,就像每个示例单独的堆栈一样,并将子依赖项安装到父应用程序中(没有 react-native,react ..)

    另一种选择是在父应用的 App.js 中使用条件返回,根据您可以使用 redux 在两个应用中控制的条件呈现适当的导航容器。

    App.js 父级的返回:

    
    if (loadParent){
    return (
      <ParentNavigator/>
    )
    }else{
      return (
      <ChildNavigator/>
    )
    }
    
    
    

    【讨论】:

    • 谢谢。但是,如果子应用程序是一个复杂的应用程序,具有如此多的屏幕和依赖项怎么办。将所有应用程序集成起来是否可行?
    • 是的,我认为这是可能的,你甚至可以在你的 App.js 返回中设置一个条件,这将定义使用 redux 加载哪个应用程序,请参阅更新的答案
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-18
    相关资源
    最近更新 更多