如何在React Native中创建默认页面？

Question

为什么我将index.android.js作为默认值。我如何才能将home.js作为默认设置？

Answer 1

  

当特定于平台的代码更复杂时，您应该考虑将代码拆分为单独的文件。 React Native将检测文件何时具有.ios.或.android.扩展名，并在需要时从其他组件加载相关平台文件。

请参阅：https://facebook.github.io/react-native/docs/platform-specific-code.html#platform-specific-extensions

因此，如果您向扩展程序添加.android.js或.ios.js，RN将根据平台选择其中一个。如果您希望两个平台都使用相同的组件，请不要添加特定于平台的扩展，只使用foo.js

Answer 2

我认为你要求的是这样的：

import { AppRegistry } from 'react-native';
import Home from './path/to/home';
AppRegistry.registerComponent('SBlank', () => Home);

通过在index.android.js和index.ios.js中执行此操作，您可以将应用重定向到Home.js文件。

加分：除了知道的答案，您还可以使用Platform对象来更改代码在不同平台上的工作方式。例如：

render() {
    if (Platform.OS === 'android') {
        return this.renderAndroid();
    }
    return this.renderIOS();
}

通过添加

导入平台

import { Platform } from 'react-native';