我们可以将默认的文案改一下，然后修改一下样式，添加上我们的Hello World保存即可。因为默认Live Reload是打开的，所以当相关的文件被修改后，模拟器上的工程会自动Reload加载改动后的效果，具体如下所示：
在上面的代码中我们还需注意到下方定义了一个 styles 的常量，该常量是我们需要的样式对象。在RN中可以使用 StylesSheet.create()方法来创建我们需要的样式。改样式的定义规则与Web前端中的CSS差不多，使用方式页非常的相似。下方我们还会定义其他的样式表，稍后会介绍到。
二、使用TypeScript来开发RN
因为之前使用的另一个动态化的框架是用TypeScript来开发的，想在RN中也用TypeScript来开发，当然其默认的js语言的。在RN中支持TS开发，有相关的文档（https://github.com/Microsoft/TypeScript-React-Native-Starter）
然后把工程中的App.js替换成App.tsx即可。（纯ts文件使用.ts来命名，有JSX的TS文件则使用tsx来做后缀），改完再次运行我们的Hello World即可。
三、自定义组件（Componet）、Props以及State
实现完HelloWorld后我们来看一下RN中组件封装的姿势，下方会封装一个HelloWorld的组件，然后在该组件的基础上看一下RN中Props和State的使用姿势。
1、HelloWorld组件封装
在RN中封装的组件都需要继承自 Component 类，然后在该类中正常的去添加相关布局和相关逻辑即可。下方我们将上述的HelloWorld进行了提取，创建了一个HelloWorld类，该类继承自React中的Component。然后在render()方法中通过JSX来添加需要渲染的各种组件，当然在我们的HelloWorld中，我们只用到了Text这个组件来展示文字。
封装的组件的使用姿势与RN提供组件的使用姿势是一样的，都是通过JSX的语法来引入使用的。下方 <HelloWorld /> 就是我们封装组件HelloWorld的使用姿势。
2、Props - 属性
属性，说白了就是一个组件负责接送外部参数的一个东西，类似于一个方法的参数。当然，如果你使用一个Function来定义一个组件的话，那么这个Props就是方法的参数。
在上面的HelloWorld的示例中，我们其实已经使用到了Props这个东西，只不过是系统自带的，比如上面为HelloWorld指定的 style 就是一个props, 该props传入的是一个样式对象。我们从Web前端的角度来说，属性这个东西应该是比较好理解的，div后边跟的key 和 value, 后边这个value就是相关key的属性。接下来我们将要介绍如何给自定义的组件添加特定的属性。
下方我们写了一个HelloWorld的组件，该组件继承与React中的Component，然后在render中渲染了一些组件，其中的Text是从属性Props中取的，从下方代码中看出，直接从Props中取相应的Key是可以取到的，不过强取值的话，会标红，会提示相关的熟悉在Props中不存在。稍后会解决该问题。