react-native - 使用 React Native 构建两个孪生应用程序的最佳文件夹结构是什么？

Question

我需要使用 React Native 创建两个双胞胎应用程序，这两个应用程序将 90% 相同，它们将使用一些共享组件并且样式会有所不同。

问题是:我应该创建一个 react 原生项目，然后从那里构建两个应用程序

文件夹结构将是:

react 项目

共享

项目1

组件

项目2

组件

index.ios.js

index.android.js

当我想构建其中一个应用程序时，我需要更改主要组件。

或者我应该创建不同的 React Native 项目

文件夹结构将是:

共享

react 项目1

组件

index.ios.js

index.android.js

react 项目2

组件

index.ios.js

index.android.js

我想知道做这种项目的正确方法是什么

谢谢 !

Answer 1

如评论中所述，这绝对是个人喜好。可以轻松地将结构选项的数量增加到 2 个以上。除此之外，我可以分享我的经验。

我们从一个 React Native 项目构建了一个应用程序，实际上是 4 个(四联体)。我们选择这种方式是因为我们的应用程序必须高度相似。它们共享相同的功能。此外，当一个人在他们的设备上安装了多个这些应用程序时，他们可以通过深度链接轻松地在应用程序之间切换。但是它们在主题颜色、 Logo 、名称和要调用的后端服务等方面有所不同。从单个项目创建多个应用程序的方法之一是 rename该项目。但是您仍然可以在保持项目名称相同的情况下生成多个应用程序。然后您需要相应地更改一些项目文件。这些文件适用于 iOS；

Info.plist

项目.pbxproj

AppDelegate.m

对于安卓；

字符串.xml

MainActivity.java

MainApplicatoin.java

AndroidManifest.xml

安卓/build.gradle

应用程序/build.gradle

实际上，手动更改所有这些文件是一个容易出错且繁琐的操作。因此，为了管理这些更改，我们编写了一个 bash 脚本，将基础应用程序转换为我们想要的版本。使用这种方法，我们可以从单个项目 repo 管理 8 个应用程序(iOS 和 Android 的四联体)。最后，我们真的很高兴使用 React Native，它让我们在 3 个月内构建了 8 个生产质量的原生应用程序，而无需了解生产级别的原生应用程序开发。