2017-10-05 39 views
10

Tôi bắt đầu với React-Native ngay hôm nay. Và tôi đang theo một hướng dẫn trên web.React Native project, index.ios.js hoặc index.android.js không được tạo

Did tất cả các cài đặt chính xác trên máy tính Windows của tôi:

  • Java JDK
  • Android Studio
  • Node/NPM
  • Sợi

sau đó cài đặt phản ứng bản địa

npm install -g react-native-cli 

dự án

react-native init albums 

tôi không nhận được bất kỳ lỗi cuối cùng là một thế giới hello. Ứng dụng của tôi chạy (về cơ bản tải lên) trên điện thoại Android của tôi một cách hoàn hảo.

Các app.js là chút có điều kiện trên nền tảng sự lựa chọn:

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

Tôi chỉ muốn biết nếu điều này là bình thường không có được những tập tin được tạo. Tôi có nên tạo 2 tệp chỉ mục này không? Hoặc phản ứng bản địa mới nhất không cần 2 tệp riêng biệt? (Các hướng dẫn tôi sau đây là của Jan 2017)

The Project structure

+1

Đối với bất kỳ ai khác làm udemy phản ứng khóa học tự nhiên, điều này được mong đợi: https://www.udemy.com/the-complete-react-native-and-redux-course/learn/v4/questions/2954846 – RyPope

Trả lời

25

Đây là một tính năng mới được thêm vào phản ứng bản địa. Mẫu dự án mới hiện không chứa hai tệp riêng biệt. Bạn vẫn có thể tạo và sử dụng như trước nếu bạn thích nhưng nó chỉ là bình thường để sử dụng nó như nó được. Nó chỉ là một sở thích và yêu cầu của dự án của bạn. Bạn có thể tìm thêm thông tin về thay đổi trên here.

Từ các ghi chú cam

Sự thay đổi này (ban đầu được thảo luận trong react-community/create-react-native-app#26) di chuyển HelloWorld mẫu dự án từ hai điểm entry gần giống (index.android.jsindex.ios.js) vào một duy nhất, tối thiểu index.js điểm vào. Thành phần gốc được tạo trong App.js. Điều này thống nhất cấu trúc dự án giữa react-native init và Tạo ứng dụng gốc phản ứng và cho phép CRNA đẩy ra để sử dụng điểm nhập từ mẫu HelloWorld mà không có bất kỳ hacks nào để tùy chỉnh nó. Ngoài ra ví dụ trong tài liệu có thể chỉ được sao chép thành App.js giống như cách trong cả ứng dụng HelloWorld và CRNA mà không cần phải tìm hiểu thêm về AppRegistry.registerComponent.

+0

Cảm ơn thông tin. Tôi nghiêm túc cần phải bắt đầu đào sâu hơn. :/ – impossible

+0

Đã lưu ngày của tôi. Cảm ơn bạn. – Ayan

+0

@BeingExpert [Cho phép nói chuyện trong trò chuyện] (https://chat.stackoverflow.com/rooms/158689/connectme) – bennygenel

Các vấn đề liên quan