gpt4 book ai didi

react-native - 在两个 React Native 应用程序之间共享通用组件

转载 作者:行者123 更新时间:2023-12-04 17:51:04 24 4
gpt4 key购买 nike

我有一个现有的 React Native 应用程序,其中包含我制作的某些自定义组件。现在我正在尝试创建一个新应用程序并使用其中一些组件,因此在发生更改时无需复制/粘贴。让我们将这些应用程序命名为 app1 和 app2。

这是我尝试过的:

  • 保持文件结构
    应用程序1 =>
    源代码,
    节点模块,
    ios等

  • 应用程序2 =>
    源代码,
    节点模块,
    ios等

    共享文件夹 =>
    组件,
    节点模块

    这不起作用,因为 shared_folder 需要 node_modules 来导入 react、react-native 等。 Npm 提示它正在查看的所有重复节点模块
  • 然后我尝试了结构

  • app_folder =>
    节点模块,
    应用程序1,
    应用程序2,
    共享文件夹

    这不起作用,因为在运行 npm start 时,它不知道要查找哪个 index.ios.js。此外,app1 和 app2 项目的 xcode 一直提示找不到某些 react 文件。

    我的问题是,构建这两个应用程序以便我可以在它们之间共享某些组件的最佳方法是什么?

    最佳答案

    这是a link这可以回答你的问题。

    在 src 文件夹中,您可以找到 3 个不同的项目:react native、expo 和 web(react)。还有一个叫做 shared 的文件夹,里面存放着常用的函数和常用的 React Native 模块。有一个名为 Sample 的模块,它用于 expo 和 react native 项目只是为了展示如何从共享程序集中导入常见的 react native 模块。

    如果你下载项目记得运行

    yarn

    在主路由目录中,每个项目目录都相同。
    如果要运行 expo 项目,则需要转到 expo 项目目录并使用命令
    yarn run android

    如果要运行 rn 项目,则需要转到 rn 项目目录并使用命令
    react-native run-android

    关于react-native - 在两个 React Native 应用程序之间共享通用组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44934332/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com