原文:
关于严谨模式,读者可以参考
这将加载。
然后敲入如下语句:
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组件。
渐渐少了联络,友谊就变的淡了,所以,抽点时间,联络朋友一起聊聊天,