|
|
2 }4 S3 V0 u. Z9 U
课程目录
* j9 {, f; f# y3 y+ D' ]2017.02.22 更新：创建 React Native 项目* q% v" Q, M% I# w2 m8 b& ]
11:01
6 t+ {' S5 l: p6 ^8 ?
8 v; ?( x) x# p& X$ e+ U% b准备6 V0 H# G; A& q) C4 ^
安装 React Native - OS X) X* N. t9 j4 X# E0 y W/ H5 T
1:20/ G @. n+ \( E4 Y& _7 `
配置 Android 开发环境
* Y6 q m8 E+ N+ y% x7 B2:432 q4 b; ~/ i6 ?& s& k
初始化项目
* \; E$ V c4 N9 O( Z2:069 v) K7 Q; W6 t: k$ T. K$ U
在 Android 上运行应用) u- ~+ T# Q$ A y+ f8 L$ m
1:22
* ]! ~; p. _2 X1 z( F$ G, [项目的开发菜单
! P# b9 x Y# C' m1 o( e1:52
) ]/ ^ |% u$ ^5 u7 P y% R初识 React Native 项目
K. v! F- J. @. a$ c& I0 \4 P* J2:50
! ?( x; z V6 U# k( a在项目里使用 ES6
6 c% c$ n( ]8 m4 G2 Z2:21
0 f+ Q" |; ?5 q5 W2 V$ r% x) Q7 L# y2 X& t* o* f
样式$ E$ x4 |/ c: T8 v) {* i
创建与应用样式
7 e6 ]- M. W: B: v/ D t$ m2:292 Y6 y3 d" {# C2 _3 s* z7 Z2 Q
常用样式
% u' `! C _1 D5 z7 ?2:02
2 M6 U) J8 A4 J7 @' J- t& P8 E9 m文字样式
2 |# B) K3 m4 M1 J; C3:32
8 Q/ x2 }" t o& \- Z# u, c布局 - 准备1 T) V+ b0 q6 n3 R8 V
2:59: ~8 k. w% L: O% }, }4 |& m5 F
布局 - Flexbox. P" j- G2 {9 x. Z
3:16
$ Q4 G# e" V& G$ y* _9 G* I9 a2 ^0 i7 h. s
组件" f& x' o! i2 R( u" T% _& \
视图组件 - View' V+ J' s7 t. r9 q- R ^* ?
0:48
" z, Z) _" H: b# u2 \6 |文本组件 - Text
* G/ G- O9 O- Q: U- r1:46
5 i6 U# j* Q B0 r: B; Y+ I& W1 E自定义显示文本的组件
0 j0 @$ i: A5 z1:49
* b) V$ }7 X- a9 y z图像组件 - Image
( O/ _0 h) |( h6 p; C1:38, y9 m- Q+ Z2 M) m0 a3 B
背景图像+ ?' ^, v& P, h) C! S! U
4:54
% B+ Y8 p3 g5 t: \6 ?( L列表视图 - ListView
% m# E" y. Y& I/ p) t4 o: T4:047 G8 B/ X. e# X- h
列表0 ~ d+ c# Y: @. H8 O9 B
获取外部数据 - fetch
7 { ^! q6 ^& k" c$ m! k3:205 b* Z3 P5 X5 ?9 G
加载中 …3 p, x3 o$ S* b* w w
2:417 n( H, o A* D: A
重新整理列表的显示 - 内容! b! s4 U6 j" Z% [- p
3:19
9 F$ L: H0 I# \5 {- ?; l) P& Y4 ?4 d重新整理列表的显示 - 样式/ D( R* n( I7 s' R& f- \0 Q: d4 o
2:58/ Z: A) D, U! y* i y3 i
. O5 O0 G! |. u4 ]6 d
, O7 U7 B$ ]8 _6 N
6 K5 T' r$ z; |# }$ e4 W6 p( Y
% d. J( ]6 u! D' E2 t, m5 } |
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
