|
|
, k$ i; P! b0 R. R
课程目录
: S1 [- v& l* d) y9 a2017.02.22 更新：创建 React Native 项目% p& U7 W; w, G0 o/ T; B0 M7 `
11:01$ Y% e) x! J8 M; d) @ Q
. c% F2 z+ c) C" `. Q: I+ q( d/ y$ y
准备* J& F8 T4 Y3 y) y i
安装 React Native - OS X
! z; ?7 K! h2 j% a0 [. U' O. S1:20
& x- x, L0 v& }+ Z" `配置 Android 开发环境% B$ V& h1 f% ]4 u
2:43- J% n" u+ E, ?9 |$ D
初始化项目3 t0 M& i' W1 n$ g9 i) M
2:06. z6 C; S( q3 d5 d
在 Android 上运行应用4 d$ |$ L( G4 D) F$ { b" `
1:22) I. c; E: V! }5 F% }: I
项目的开发菜单
) g) W- T, S4 j6 W1 g1:523 |5 U" K( M! X/ Y# Y8 E
初识 React Native 项目: U" H) Q7 L X& G0 ]0 C: g
2:50
! M6 Y5 f d- P$ h: o# N在项目里使用 ES6$ ?5 P: }. C( k
2:215 G) R$ m1 ]+ U: \
0 I s) g. M! O# A# d
样式
1 }; g9 f& l2 q8 t: w* G$ p. J' @创建与应用样式
; j4 @7 Y! L/ z2:29
9 [% ~# y- _/ u; A常用样式
: P" t- n# I# o, G _2:02
; E1 U1 D- S9 F y) a文字样式
, E7 ] [6 B% I% w5 p3:32& G1 }( z7 a/ g, _3 r& K( f
布局 - 准备% z! t6 Z6 J: L- J B9 P1 @! b5 H" `
2:59$ C8 @8 |; H: }
布局 - Flexbox- L( }2 E: I5 L- w* ~* q" o
3:16" l' Z6 K5 J6 p( p/ V
" P; d, p3 ^9 l* @) d# k& t组件
, ]( M5 K2 N1 m4 l视图组件 - View
) `& {3 D! {5 T7 a x+ E( {0:486 r8 ?: Q! i9 D
文本组件 - Text8 ^* x6 G+ N+ R
1:463 l1 l( m. i6 m# [- E( ]* W
自定义显示文本的组件6 G( C! i8 P7 {9 v9 d
1:49: {1 r* J- w; S! H* I* V
图像组件 - Image4 w% Z' {, c0 a+ P
1:38
/ }: X2 H1 Y. i8 h0 k背景图像
0 U V/ C G8 M6 _8 [% ` x3 R- K4:54
U. M6 X+ n9 v# B列表视图 - ListView4 k! |* J+ y+ L8 e! [
4:04 C" N4 Z& A4 X0 X6 M5 Y( G0 @; T
列表
2 n; B3 E& r( p7 D获取外部数据 - fetch/ a& y3 b: E+ O$ I' z: h( |
3:20& u; }, B: r( r
加载中 …
$ G/ w0 B2 U1 T3 |) ]5 x; e% A1 c2:41
' G C- [& `+ R/ H重新整理列表的显示 - 内容6 e- s5 p" x# Z$ ?7 ^9 a9 N
3:19: }2 G# e' u1 `, c! Z' ^
重新整理列表的显示 - 样式( m" P4 C& j5 V& e
2:58
5 m, o5 X7 h4 X2 n; V: ^' ?, E& F5 L5 p4 {# a
1 ]% x/ V' U! F3 r6 g
* h4 ~7 _7 w% N
7 m3 u5 A+ O& {, P8 B |
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
