|
1 f& _" W+ j/ N3 D9 S- L/ D( ~, k
课程目录
: n% a, a! A$ o. ~: s2017.02.22 更新:创建 React Native 项目) ?; T Y' v4 x3 I: H
11:01
( L# e0 t/ f; Z3 z( k
$ D4 @9 D7 T6 { }5 R3 \& n准备
% U1 _: H+ K; |# B) }安装 React Native - OS X7 F% K8 ^' u2 F- t9 j
1:20
, |) u% O" u# p4 P配置 Android 开发环境+ u- ~' r! }* N- p4 I0 W$ F( O* q
2:43
. B5 @% o* d$ C. c初始化项目6 q+ ? o( Q: W- [5 ?0 U( q
2:06
/ q) v1 a1 O8 S; w ~. {在 Android 上运行应用
! V) X) G( ^( p1:22
7 i& \/ g! k) K, U2 q1 c项目的开发菜单
# e1 G4 Q. X4 b3 P9 ^2 c V1:521 P. | i) K$ ]* X4 b
初识 React Native 项目
0 Z8 u5 c$ H2 w$ n1 s* O% f7 C2:505 T/ L* J+ n3 a4 {! s
在项目里使用 ES6
0 t0 s( W5 o2 r5 G2:21
0 y1 w) W, W: s* N$ m; s( d# t" m
0 T% j5 q1 ^& E3 v. F) G9 _& C: ]样式& P2 q9 F/ _% w" T e1 z
创建与应用样式
: A; v9 |+ F8 a5 ^' f2:297 e+ Q' h6 q5 o0 U7 r
常用样式
$ F, c) B7 C4 {7 P2:02
" F; r: `; R0 B, ^- Z文字样式1 S2 M) o( {. K0 n; f% E4 H6 l
3:32! s a& A# A1 I/ u$ l; S
布局 - 准备
$ A: s+ }) ^, p" c }- m" R2:59
9 Y4 D: h6 m( v# h/ l) i }) B布局 - Flexbox
% }5 j' c( y% `6 k( P3:16' q/ Z1 ]) A1 T) a) M; |% A* V9 l
* ]8 a6 h# p0 w! I2 i组件5 w( w8 o! e- a0 w
视图组件 - View4 [7 m( r( \+ m- O+ Y; Y
0:48 \+ R- m3 b% ? m3 k* [6 g
文本组件 - Text
9 T; J! N3 Z# `% v4 }1:46
+ q! k; i4 M6 A: o& D5 k自定义显示文本的组件
, B' U1 N5 O4 [6 q- Z# v8 y* P/ V1:49
) t) q) h- E1 \5 ^, S0 o; i. P/ N图像组件 - Image3 ^$ v n! x0 k7 j' ^' V2 g' S
1:388 G; `2 Q8 Y( Z t( L
背景图像
& ~/ c- w6 s4 u* \: I( S& V4:54
* }+ `( J( u7 `+ }: d6 f列表视图 - ListView+ l7 ^- a1 [4 B1 N1 ^: n% q8 W3 t
4:040 z' b7 ~, u2 d
列表: K: s- J( N/ I( F! O) I8 e
获取外部数据 - fetch4 z6 \/ n; x) A% L; |4 t" x
3:208 [, M/ ~) j) d
加载中 …
& T3 Y. R+ |4 ]) `2:41
# O( X& ?) e+ U- P ]1 N9 s, P重新整理列表的显示 - 内容4 p9 s% [- ~% [; q7 s d) X4 q
3:19$ r" u3 `, B$ M! Q4 Q+ C6 ? @' q
重新整理列表的显示 - 样式
1 [, J3 O1 \3 @# p$ H |) ]: i2:589 g+ c1 s5 R8 ]+ V% D3 v) M" M
5 N. Y) U. k5 t
1 m; d; S5 ^% d- _1 t! j7 g+ M: F$ w5 C ]0 V
' Q2 I7 @7 H8 ^) x B% _ |
|