ReactNavtive框架教程(1)

原文:

关于严谨模式,读者可以参考

这将加载。

然后敲入如下语句:

color

backgroundColor

fontSize

margin

这将定义一个css样式,我们将在显示“Hello World”字符串时应用这个样式。

在React Native 中,我们可以使用

style

AppRegistry代表了App的入口以及根组件。保存文件,返回Xcode。确保当前Scheme为PropertyFinder,然后在模拟器运行App。你将看到如下效果:

看到了吧,模拟器将JavaScript代码渲染为本地UI组件,你不会看到任何浏览器的痕迹。

你可以这样来确认一下:

在Xcode中,选中Debug\ViewDebugging\Capture View Hierarchy,查看本地视图树。你将找不到任何UIWebView实例。

在 Xcode 中打开AppDelegate.m,找到application:didFinishLaunchingWithOptions:方法。

在这个方法中,,创建了一个RCTRootView,该对象负责加载JavaScript App并渲染相关视图。

App一启动,RCTRootView会加载如下URL的内容:

:8081/index.ios.bundle

还记得App启动时弹出的终端窗口吗?终端窗口中运行的packager和server会处理上述请求。

你可以用Safari来打开上述URL,你将会看到一些JavaScript代码。在ReactNative 框架代码中你会找到“Hello World”相关代码。

当App打开时,这些代码会被加载并执行。以我们的App来说,PropertyFinderApp组件会被加载,然后创建相应的本地UI组件。

渐渐少了联络,友谊就变的淡了,所以,抽点时间,联络朋友一起聊聊天,

ReactNavtive框架教程(1)

相关文章:

你感兴趣的文章:

标签云: