在不同的资源库中共享react native组件

我有三个 react native 项目,每个项目都有自己的 repo。

它们使用非常相似的组件,有什么方法可以让我在不同的repo中共享这些组件,这样我就不必独立更新每个repo了?

或者说,我可以从一个repo中创建三个不同的应用程序,而每个应用程序的图片和配置只需稍作修改。

解决方案:

解决方案1:单独的npm包

在我的项目中,我把我的 核心部件 与每个npm包一起。

  1. 创建 npm 包,并将你的共享组件放入其中。
  2. 你可以立即用以下方法测试你的共享组件的功能 npm link 或用下面的命令指定你本地软件包的绝对路径 npm install. 看这个 媒介文章 这对我很有帮助。
  3. 如果你想以更直观的方式管理你的软件包,那么你可以将你的软件包发布到 npm 仓库的私有模式。

解决方案2:依赖环境变量

您可以使用 react-native-config. 有了这个包,创建了多个环境 .env.env.production 你可以用 ENVFILE=.env npm startENVFILE=.env.production npm start. 然后在你的javascript代码中,你可以参考你的每个运行时设置。

import Config from 'react-native-config';

const isProduction = Config.environment === 'production';

<Image source={isProduction ? require(..production_image) : require(..development_image)} />

如何在你的应用程序中显示你的轻微差异取决于你。Platform.os === 'ios'

给TA打赏
共{{data.count}}人
人已打赏
未分类

DDD:如何保存聚合的顺序?

2022-9-8 20:32:40

未分类

如何选择带条件的行? sql,选择句子。

2022-9-8 20:32:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索