使用React Native构建两个双胞胎应用程序的最佳文件夹结构是什么?

时间:2017-05-24 07:48:03

标签: react-native build

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

问题是:我应该创建一个反应本机项目,并从那里构建两个应用程序

,文件夹结构为:

  • ReactProject
    • 共享
    • PROJECT1
      • 部件
    • 项目2
      • 部件
  • index.ios.js
  • index.android.js

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

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

,文件夹结构为:

  • 共享
  • ReactProject1
    • 部件
    • index.ios.js
    • index.android.js
  • ReactProject2
    • 部件
    • index.ios.js
    • index.android.js

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

谢谢!

1 个答案:

答案 0 :(得分:4)

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

我们从单个反应原生项目构建一个应用程序,实际上是4个(四胞胎)。我们选择这种方式是因为我们的应用程序必须高度相似。它们共享相同的功能。此外,当他们的设备上安装了多个这样的应用程序时,他们可以通过深层链接轻松切换应用程序。但是它们在主题颜色,徽标,名称和后端服务等方面存在差异。从单个项目创建多个应用程序的方法之一是rename项目。但您仍然可以生成多个应用程序,同时保持项目名称相同。然后,您需要相应地更改一些项目文件。这些文件适用于iOS;

  • 的Info.plist
  • project.pbxproj
  • AppDelegate.m

对于Android;

  • 的strings.xml
  • MainActivity.java
  • MainApplicatoin.java
  • 的AndroidManifest.xml
  • 机器人/的build.gradle
  • 应用程序/的build.gradle

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