reactjs - React Native项目，index.ios.js或index.android.js未生成

Question

我今天开始使用 React-Native。我正在学习网络教程。

我的 Windows 计算机上的所有安装是否正确:

• Java Jdk
• Android Studio
• 节点/NPM
• yarn

然后安装react-native

npm install -g react-native-cli

最后一个 hello world 项目

react-native init albums

我没有收到任何错误。我的应用程序在我的 Android 手机上完美运行(基本上加载)。

app.js 对平台选择有一定的条件:

 /**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View
} from 'react-native';

const instructions = Platform.select({
  ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
  android: 'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});

export default class App extends Component<{}> {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit App.js
        </Text>
        <Text style={styles.instructions}>
          {instructions}
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

我只是想知道不生成这些文件是否正常。我要创建那两个索引文件吗？或者最新的react-native不需要2个单独的文件？ (我关注的教程是 2017 年 1 月的)

Answer 1

这是react-native添加的新功能。新的项目模板现在不包含两个单独的文件。如果您愿意，您仍然可以像以前一样创建和使用，但按原样使用它是正常的。这只是您项目的偏好和要求。您可以在 here 上找到有关此更改的更多信息。 .

来自提交说明

This change (initially discussed in react-community/create-react-native-app#26) moves the HelloWorld project template from two nearly identical entry points (index.android.js and index.ios.js) to a single, minimal index.js entry point. The root component is created in App.js. This unifies the project structure between react-native init and Create React Native App and allows CRNA's eject to use the entry point from the HelloWorld template without any hacks to customize it. Also examples in the docs can be just copy-pasted to App.js the same way in both HelloWorld and CRNA apps without having to first learn about AppRegistry.registerComponent.