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

时间:2017-10-07 11:21:40

标签: javascript android react-native

我是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文件? 我将很感激如何解释或快速指导如何做到这一点。 在此先感谢:)

1 个答案:

答案 0 :(得分:0)

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

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

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

在同一目录中手动添加App.ios.jsApp.android.js,您可以为每个平台添加唯一代码,因为它遵循platform-specific extensions的模式。然而,它不足以拥有一个或另一个。您需要同时包含两者,否则代码拆分不会生效(默认为App.js中的任何内容)。

因此,要回答您的问题,是的,您需要删除App.js并将其替换为android.App.jsios.App.js。然后重新启动模拟器或设备的React Native packager终端窗口以检测更改。