1.AppRegistry模块则是用来告知React Native哪一个组件被注册为整个应用的根容器。一般在整个应用里AppRegistry.registerComponent这个方法只会调用一次。
2.Props（属性 ) : 大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props（属性）。
3.<Image source = {pic} style{{width ; 120,height:120}} />,请注意{pic}外围有一层括号，我们需要用括号来把pic这个变量嵌入到JSX语句中。括号的意思是括号内部为一个js变量或表达式，需要执行后取值。因此我们可以把任意合法的JavaScript表达式通过括号嵌入到JSX语句中。
4.render就是渲染的意思。而渲染，就是这样一个过程，浏览器根据页面的html代码、css定义、javascript脚本的操作，在浏览器上按照一定的规范(传说中的 DOCTYPE )显示出相应的内容。
5.我们使用两种数据来控制一个组件：props和state。props是在父组件中指定，而且一经指定，在被指定的组件的生命周期中则不再改变。 对于需要改变的数据，我们需要使用state。
6.实际开发中组件的样式会越来越复杂，我们建议使用StyleSheet.create来集中定义组件的样,{[styles.bigblue,styles.bigred]}
7.注册应用(registerComponent)后才能正确渲染，注意：只把应用作为一个整体注册一次，而不是每个组件/模块都注册。
8.Flex Direction 在组件的style中指定flexDirection可以决定布局的主轴。子元素是应该沿着水平轴(row)方向排列，也可以沿着竖直轴(column)方向排列，默认值是竖直轴(column)方向。
9.Justify Content ：在组件的style中指定justifyContent可以决定其子元素沿着主轴的排列方式。子元素是应该靠近主轴的起始端还是末尾段分布呢？亦或应该均匀分布？对应的这些可选项有：flex-start、center、flex-end、space-around以及space-between。
10.Align Items：在组件的style中指定alignItems可以决定其子元素沿着次轴（与主轴垂直的轴，比如若主轴方向为row，则次轴方向为column）的排列方式。子元素是应该靠近次轴的起始端还是末尾段分布呢？亦或应该均匀分布？对应的这些可选项有：flex-start、center、flex-end以及stretch。
网友评论