如何使用修补程序包修补TSX文件

Question

问题

我试图使用补丁包来修补一个反应本机包react-native-tab-view，但是当我编辑node_module中包含的TSX文件以便进行react本机选项卡视图并应用我的修补程序时，这些更改没有反映在我的应用程序中。

node_modules/react-native-tab-view的结构

下面是包结构的屏幕截图。封装结构

他们还使用@react-native-community/bob在发布之前构建包，以便生成一个lib文件夹，其中包含一个模块文件夹和一个包含JS文件的commonjs文件夹。

我当前的统计数据

我的修补程序正在创建中，但是/lib/模块中的文件没有改变，在模拟器上运行时，这些更改也没有反映在我的应用程序中

在编辑/src中的TSX文件之后，我尝试使用修补程序包应用补丁，而不是模块/lib/模块中的JS文件，因为实现起来要简单得多。

Environment react原生0.63.0修补程序-包6.2.0 react本机-选项卡-视图2.15.1 react本机-手势-处理程序1.5.6反应-本机-还原1.7.0

问题：我是不是遗漏了一个构建或编译步骤来获得react本机选项卡视图来从我创建修补程序的TSX文件中生成新的JS文件？

任何帮助都将不胜感激！

Answer 1

通常，当npm包被发布时，它也与一个转接版本一起发布，因此您应该用修补程序包来修改转换版本。

在react-native-tab-view的情况下，转置版本位于lib文件夹中。

可以通过检查库的package.json来验证这一点，

  "main": "lib/commonjs/index.js",
  "react-native": "lib/module/index.js",
  "module": "lib/module/index.js",

更新

我的诀窍是在本地克隆原始回购，安装它的dep，修改源(src)中您想要的任何内容，然后构建它，并在包中通过node_modules复制生成结果，然后应用patch-package。