React Native - 多个目标
React Native - multiple targets
我正在创建一个 RN 应用程序,它是某种包装器。它应该有多个目标(如 Xcode)并且它的所有内容(图像、文本等)都应该与目标相关。不幸的是,如果不打开 Xcode 或 Android Studio 项目并手动创建这些目标(如 here),我找不到任何有关如何实现此目标的有用信息。还有其他解决方案吗?
我仍在为所描述的问题苦苦挣扎,但我终于找到了解决方案。这并不容易,需要编写一些样板代码,看起来更像是一种变通方法,但我希望它能在未来对某人有所帮助。我所做的是用我的目标之一的资源完成我的包装器应用程序,这样我就可以获得视觉效果。在项目的根目录中,我为每个目标创建了一个包含子文件夹的文件夹。在每个文件中,我都放置了与目标相关的文件(图像、源代码文件、其他资产)。然后我创建了 bash 脚本,它接受一个参数——目标的名字。基于它,它将目标子文件夹中的所有目标相关文件替换为项目结构中原始文件的目标。在此过程中,所有元数据信息也将被替换,因此在触发 .sh 文件后,我可以构建应用程序并将其上传到两个商店。单独创建所有这些应用程序并发布它们真的很耗时,这可能不是最好的解决方案,但至少它有效!
在 android 上,您可以编辑 build.gradle 文件、java 或属性,而无需启动 Android Studio(仅使用 Gradle)
您可以通过仅更改 app/build.gradle
来构建 different type flavours
在 iOS,那是另一回事了。项目文件 (.pbxproj) 很乱,其他 Workspace/Scheme 文件不易阅读或编写脚本。所以 XCode 是前进的道路。
我尝试使用动态目标 & Info.plist,有一些工具可以编写 like PlistBuddy
的脚本
最后,我看到有很多方法可以为开发人员启动 React Native 应用程序。有些人更喜欢命令行,而且只有 VSCode。
别人想玩原生IDE.
顺便说一句,原生 IDE 非常有用。
例如: 您想微调您的应用程序性能,using XCode view hierarchy debugger or android Studio Layout Inspector(并确保您不使用太多视图),或使用这些 IDE 提供的任何其他性能工具...
最后,我使用了 react-native-config 以及多个几乎相似的配置(Info.plist < target < Scheme for each),这里是 a post giving an overview of the setup.
我正在创建一个 RN 应用程序,它是某种包装器。它应该有多个目标(如 Xcode)并且它的所有内容(图像、文本等)都应该与目标相关。不幸的是,如果不打开 Xcode 或 Android Studio 项目并手动创建这些目标(如 here),我找不到任何有关如何实现此目标的有用信息。还有其他解决方案吗?
我仍在为所描述的问题苦苦挣扎,但我终于找到了解决方案。这并不容易,需要编写一些样板代码,看起来更像是一种变通方法,但我希望它能在未来对某人有所帮助。我所做的是用我的目标之一的资源完成我的包装器应用程序,这样我就可以获得视觉效果。在项目的根目录中,我为每个目标创建了一个包含子文件夹的文件夹。在每个文件中,我都放置了与目标相关的文件(图像、源代码文件、其他资产)。然后我创建了 bash 脚本,它接受一个参数——目标的名字。基于它,它将目标子文件夹中的所有目标相关文件替换为项目结构中原始文件的目标。在此过程中,所有元数据信息也将被替换,因此在触发 .sh 文件后,我可以构建应用程序并将其上传到两个商店。单独创建所有这些应用程序并发布它们真的很耗时,这可能不是最好的解决方案,但至少它有效!
在 android 上,您可以编辑 build.gradle 文件、java 或属性,而无需启动 Android Studio(仅使用 Gradle)
您可以通过仅更改 app/build.gradle
来构建 different type flavours在 iOS,那是另一回事了。项目文件 (.pbxproj) 很乱,其他 Workspace/Scheme 文件不易阅读或编写脚本。所以 XCode 是前进的道路。
我尝试使用动态目标 & Info.plist,有一些工具可以编写 like PlistBuddy
的脚本最后,我看到有很多方法可以为开发人员启动 React Native 应用程序。有些人更喜欢命令行,而且只有 VSCode。 别人想玩原生IDE.
顺便说一句,原生 IDE 非常有用。 例如: 您想微调您的应用程序性能,using XCode view hierarchy debugger or android Studio Layout Inspector(并确保您不使用太多视图),或使用这些 IDE 提供的任何其他性能工具...
最后,我使用了 react-native-config 以及多个几乎相似的配置(Info.plist < target < Scheme for each),这里是 a post giving an overview of the setup.