|
|
3 R) g! t2 e% P; B+ G& l课程目录# w; q5 o) t( o% V" g. i
2017.02.22 更新：创建 React Native 项目
6 b' P' D1 f# k- d11:01
5 D! n8 k& l! |4 }3 v; v
0 z8 K0 w4 Q9 ~# Y, \4 w# R% g准备) d2 ^& V" D _- y- R4 U) y$ Z" F2 j+ F+ }
安装 React Native - OS X2 A5 V S0 }& k# n8 E" Y
1:20
' U" A P' O( R0 i4 \* k4 T配置 Android 开发环境
- z4 |" A' u9 ?. v, k1 _ t2:43
5 ?2 w; k* ^* q: J; z* H4 |初始化项目( y7 {9 R1 c0 K# A0 r
2:06
+ m: ]. {$ n# ^: d& y' T在 Android 上运行应用' `: T7 }, ?' B6 P
1:226 B( z* G+ A% @5 e* _6 ?. [) N
项目的开发菜单
/ G2 R, K: w) ]/ ? ?1:52
8 ?/ n' l% C7 n( u& R7 ^初识 React Native 项目# G4 [) S9 J2 e; S3 `
2:50
$ ^" Q3 P/ x$ \0 U: A5 h! V' n" L在项目里使用 ES6) Q r( p* v) h+ f
2:21
) T4 A3 O+ D9 T6 J1 V
9 ]1 G* {8 b/ c1 N/ `样式
% R+ I( D7 P) D, \' p1 l. J7 ~创建与应用样式
9 z& S& w4 w3 e$ P5 {; r2:29
% s, a0 C9 O1 p9 x# c0 \常用样式
1 T! L4 ~; K3 w; S2 E2:02
* [' c( |# {" s/ e( L9 \2 t文字样式+ y Z' V G ^6 M
3:32$ F% j$ H9 D# {, [$ V9 ?& f8 ~/ }
布局 - 准备
7 g/ i' g3 \- g2 {2:59& |/ q8 d9 N) ^- x1 u' J
布局 - Flexbox
- _) Z \, W9 F7 t8 ]3:16( i+ l# [! e( J. x I
4 g7 Y [/ d$ v( @$ {6 V9 l
组件
/ j2 \2 d/ l0 k4 S( [' X3 z# U视图组件 - View$ Y( Z% j, T$ k* o
0:484 j3 {* R& F V w- a) b
文本组件 - Text
- o! x m' Q$ y; ^1:468 o* j2 a7 r# [2 a2 s2 o/ Q
自定义显示文本的组件
+ c) f. @: O6 M* U' {% f9 {1:49
6 P# a; z' P! d" j图像组件 - Image
6 ~( Z( K9 N* ^. Y+ a1 A/ F7 T2 E1:38
* h1 u' k9 X* P. _背景图像; N0 ?. ^ y6 l! @
4:54, i) s( h* ~: @! c8 ~) Q
列表视图 - ListView; C$ B$ ?7 I$ H9 G0 K% S) i
4:04' V+ l( o* p; }" P) X! i
列表
9 G1 N x5 Z! E& [7 o" ~/ i获取外部数据 - fetch
6 @3 Z4 z; {: g4 i* ?$ ?) ~6 ?3:20
0 F! D5 Q t" y1 d" i. m( X2 N加载中 …2 v- q9 G7 a$ z& }8 q8 n M
2:41: P( K2 l. j0 x @1 ^0 K
重新整理列表的显示 - 内容
, g' l7 J8 f3 W- t* d0 K' T& p3:19; {# q1 B( l* c) k
重新整理列表的显示 - 样式
, Q2 T J5 S9 f" q" b# T: m2:589 ?/ E3 |1 p$ u3 k
* Q6 v( B9 w+ D0 B
2 B! }+ J1 Q2 O' Q; R. H0 c
! X3 Y! `5 a7 i1 r" i6 a- _# ^8 R
( x: y. O& W! h* t/ ~ |
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
