React Native project, index.ios.js или index.android.js не сгенерирован

Я начал с React-Native сегодня. И я следую веб-учебнику.

Правильно ли все установки были установлены на моей машине Windows:

  • Java Jdk
  • Android Studio
  • Node/NPM
  • Пряжа

а затем установить реакцию-native

npm install -g react-native-cli

наконец, приветственный мир

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,
  },
});

Я просто хочу знать, нормально ли это, чтобы эти файлы не генерировались. Должен ли я создать эти 2 индексных файла? Или последним ответным-родным не нужны 2 отдельных файла? (Учебное пособие, которое я излагаю, относится к январю 2017 года)

Структура проекта

Ответы

Ответ 1

Это новая функция, добавленная к реакции-native. Новый шаблон проекта теперь не содержит двух отдельных файлов. Вы все равно можете создавать и использовать, как раньше, если хотите, но просто нормально использовать его как есть. Это просто предпочтение и требование вашего проекта. Вы можете найти дополнительную информацию об изменении здесь.

Из примечаний фиксации

Это изменение (изначально обсуждалось в action-community/create-react-native-приложение # 26) перемещает HelloWorld шаблон проекта из двух почти идентичных точек входа (index.android.js и index.ios.js) до одного минимального index.js точка входа. Корневой компонент создается в App.js. Это объединяет структуру проекта между react-native init и Создайте приложение React Native и разрешите извлечения CRNA использовать точку входа из шаблона HelloWorld без каких-либо хаков, чтобы настроить его. Также примеры в документах можно просто скопировать в App.js таким же образом в приложениях HelloWorld и CRNA без необходимости сначала узнавать о AppRegistry.registerComponent.