RN学习和开发笔记（一）

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 29.0px; font: 16.0px 'PingFang SC'; color: #333333}p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 29.0px; font: 16.0px 'PingFang SC'; color: #333333; background-color: #ffffff}p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 29.0px; font: 16.0px 'PingFang SC'; color: #333333; background-color: #ffffff; min-height: 22.0px}p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 15.0px; font: 13.0px Courier; color: #111111}p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 15.0px; font: 16.0px 'PingFang SC'; color: #333333; background-color: #ffffff; min-height: 22.0px}p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 15.0px; font: 13.0px Courier; color: #111111; background-color: #ffffff; min-height: 16.0px}li.li7 {margin: 0.0px 0.0px 10.0px 0.0px; line-height: 30.0px; font: 16.0px 'Helvetica Neue'; color: #2f2f2f}li.li8 {margin: 0.0px 0.0px 10.0px 0.0px; line-height: 30.0px; font: 16.0px '.PingFang SC'; color: #2f2f2f}span.s1 {font-kerning: none; background-color: #ffffff}span.s2 {font-kerning: none; color: #3f88bf}span.s3 {font-kerning: none}span.s4 {font: 12.0px 'PingFang SC'; color: #000000}span.s5 {font: 13.0px 'PingFang SC'; font-kerning: none; background-color: #ffffff}span.s6 {background-color: #ffffff}span.s7 {font: 16.0px '.PingFang SC'; font-kerning: none; background-color: #ffffff}span.s8 {font: 16.0px 'Helvetica Neue'; background-color: #ffffff}span.s9 {font: 16.0px 'Helvetica Neue'; font-kerning: none}span.s10 {font: 16.0px 'Helvetica Neue'; font-kerning: none; background-color: #ffffff}ul.ul1 {list-style-type: disc}

关于目录：

相对index.html所有的目录而言：

“../”表示上一级目录开始 

“./”表示当前同级目录开始 

“/”表示根目录开始。  

vscode中的代码格式化：

Shift+Alt+F  格式化代码   done.

RN中的flexbox(weex也类似，但更接近web):

默认：column,竖向排列元素

• 容器属性
  flexDirection（决定谁是主轴，默认竖向是主轴）、justifyContent (主轴)、alignItems（侧轴）、flexWrap
• 元素属性
  alignSelf(妙用：可以单独设置一组子元素中的一个)、flex（权重）、position（可以absolute单独子元素的位置！）
• flexbox in rn: 默认外层容器宽度即屏幕宽度，高度需要自己设置或者获取屏幕的属性。

实际上手机app里面的这种通过yoga实现的flexbox还是非常简单的，理解几个关键的概念即可融会贯通。