Day 05 React Native 的起点

今天是第五天，前面讲了如何建立专案，也说了如何用模拟器开启专案 APP

今天我们来说说有关 react 的部份，并试着改动专案吧

先启动模拟器来看看初始画面吧

我这边使用的是 iphone ，所以执行：

react-native run-ios

如图所示，左边是模拟器，以及专案的初始画面，右边是 Metro server 的监控，

如画面上有两个指令

• r
  立刻重新整理专案
• d
  打开选单
  

PS. 那我们在专案得修改，都会即时的呈现到模拟器的画面上

程序的开始总会有个起点，让我们来谈谈 react native的程序进入点吧

index.js

AppRegistry.registerComponent(appName, () => App);

AppRegistry 是我们在整个 React Native 的进入点，
那我们的 root component 需要先用 AppRegistry.registerComponent 来注册到 native 程序

registerComponent 的参数有：

• appKey:string
  沟通 native 程序用的，为专案名
• componentProvider
  root component 的提供方，function 需回传 react component

那当运行成功，我们的之後就会在 App component 底下做开发啦