react-native - 你如何修改别人的库/模块？

Question

我想在这个模块中添加一个卡片组件:https://snack.expo.io/@xcarpentier/gifted-chat (演示)

例如，如果使用 onLongPress()在 Bubble Message 上，我希望显示更多信息(在 Bubble Message 的正下方，作为小卡片，如 Tinder Card)。

我怎么做？我需要克隆源代码然后修改它以适应我的需要吗？

Answer 1

虽然您可以编辑 node_modules 中的文件。文件夹，这不是一个很好的长期解决方案。为什么不？

进程与使用其他模块不一致

另一个npm install将覆盖您的更改

其他想要实现该功能的人将无法使用您的解决方案

糟糕的解决方案
如果你仍然想走这条路，最快的方法是通过 npm 链接它。万一 this link不再可用，您可以按照以下步骤链接模块:

在您的终端中，导航到您已修改的节点模块

使用 npm link 创建全局符号链接(symbolic link)

导航到应用的根目录

使用 npm link name-of-module 引用该符号链接(symbolic link)

同样，这不是一个永久的解决方案，只能用于快速测试对模块的修改。
更好的解决方案
fork repo 是维护特定于该模块的提交的好方法，您可以将您的修改分享给开源社区。一些 reasons to fork在 Github 帮助 wiki 中进行了解释，但这样做非常简单。

导航到您要更改的软件包的 Github 存储库

按Fork右上角的按钮

npm install git+your-forked-repo-url在您项目的根目录中(不要忘记 npm uninstall 旧的)

现在，您可以按照 中提到的流程进行操作。糟糕的解决方案在本地测试对该包的更改。对它们感到满意后，您可以将这些更改复制到您的 fork 存储库并将它们推送到 Github(您需要提升您的版本，但如果您想将更改与上游 repo )。然后再做一次 npm install您的 repo 使这些更改在您的 node_modules 中更加永久文件夹。
如果您想及时了解您所派生的 repo，Github 解释了该过程 here .
TL;博士
选择 更好的解决方案 .