React Native 如何手动添加 index.android.js？

Posted 2023-03-14

【中文标题】React Native 如何手动添加 index.android.js？

【英文标题】：React Native how to add index.android.js manually?

【发布时间】：2017-10-07 11:21:40

【问题描述】：

我是 React Native 的新手，我正在关注针对初学者的视频教程。我正在 Windows 10 上开发并使用 React Native 版本 0.49.1 。在本教程中，我关注的是两个索引文件：index.android.js 和 index.ios.js。 据我了解，这些文件现在与 index.js 文件无关， 我是从被问到的question 那里得到的。 尽管如此，我仍然想使用两个单独的索引文件，但我不知道该怎么做——我必须删除 App.js 文件和 index.js 文件吗？ 如果是这样，index.android.js 和 ios 文件的内容应该是什么？ 我将不胜感激有关如何执行此操作的解释或快速指南。 在此先感谢:)

【问题讨论】：

您的新项目是使用react-native init 或create-react-native-app 命令创建的吗？

我使用了 react-native init

【参考方案1】：

对于使用react-native init 创建的项目，仍会生成一个index.js 文件，最初看起来像这样：

import  AppRegistry  from 'react-native';
import App from './App';

AppRegistry.registerComponent('YourProjectName', () => App);

在同一目录中手动添加App.ios.js 和App.android.js 将允许您为每个平台包含唯一代码，因为它遵循platform-specific extensions 的模式。但是，仅拥有其中一个是不够的。您需要同时包含两者，否则代码拆分将不会生效（并且将默认为 App.js 中存在的任何内容）。

所以要回答您的问题，是的，您需要删除 App.js 并将其替换为 android.App.js 和 ios.App.js。然后重新启动模拟器或设备的 React Native 打包程序终端窗口以检测更改。

【讨论】：

您好，感谢您的回答，我会尝试一下并稍后更新:)