|
|
0 o. c, `4 p, E( L
课程目录
( w: F8 Q5 d9 r% a2017.02.22 更新：创建 React Native 项目
' q$ }& Y, u9 p7 z& E/ V- ^; s0 Y11:016 n+ P0 D2 |0 L/ y6 w
, r/ q& m1 P; {+ v( m准备
5 M2 A/ a9 f# O' v安装 React Native - OS X
/ l" d V" F! Q) n0 F1:20
) v5 Z" ?' f M' A配置 Android 开发环境7 V1 W+ v l7 v( s( D/ r! g4 n
2:43
$ ]% a6 ~& [0 l8 _ J4 [; L" {初始化项目. A" E0 W" t4 s" y8 y# o
2:06- c. f: B$ q! `
在 Android 上运行应用, M) V$ a* O" z" g& K9 [
1:22 P! F) e, d: {+ A# _9 D1 r7 O
项目的开发菜单
- i8 K7 O# Q# }/ s( T& }, V; s1:524 E3 D' L! H, b# t- M9 ~0 ]
初识 React Native 项目
. Y% Q' j. T( h: n2:50; x1 M, a2 {6 K1 C
在项目里使用 ES6 X, Y | o2 i7 s
2:21* `2 M* ~+ p) Q- q; A. e1 { q
9 i+ z+ b8 T* E+ a样式5 w8 f8 R$ S& S
创建与应用样式( R2 W( ?1 I5 F0 S. @
2:29: g4 k, |. j, C5 T6 q/ d \; \& j) H0 L2 M
常用样式
0 |7 b2 J8 q) A2:02; K0 j" ?7 a _1 F) u( r: ^
文字样式6 f9 k; S# r" E6 f/ i, ?0 S
3:32
0 Y q# g) J1 z6 ]$ c9 E5 N3 Z布局 - 准备
4 T# @% R$ `. y2:59) B& O# a. I) H% a" }+ w8 h
布局 - Flexbox
P2 i7 t1 b( I3:16
9 \3 f4 [. P; l8 x
" b4 U2 e* }) f: I+ F组件
s6 B* b$ ?8 D r, H& v4 y) U视图组件 - View
6 Q* Z, P, z+ f1 ]) K, X, z U0:48% A7 Q) e' V3 M# e
文本组件 - Text1 N3 ^# E: c) [5 w! m$ T
1:46
4 V* y/ v5 R, e/ j7 L# o自定义显示文本的组件
5 K* n7 Z/ X0 z1:49
?0 E* I7 W: K4 ]$ }; O4 M图像组件 - Image
* X5 j: U3 k9 {- L0 |+ d, L1:38+ m0 ?. l. o7 z1 Y6 Y* b* j; o9 Z* w
背景图像# V8 d- \2 E; P* ^6 j D' y
4:54
7 y) z# p1 v3 p I* y& d, R列表视图 - ListView5 o. t. [. s' F
4:04
( q t+ r2 W% |列表
1 m4 ~ |4 T/ {* b/ T" r3 u获取外部数据 - fetch
! V9 y7 C0 f, _4 R% a) A3:20( y1 S! {8 n$ f* n
加载中 …
; _2 L @8 T& c9 [7 Q9 {1 z2:41/ x' a" A V# b
重新整理列表的显示 - 内容& C0 q; a! v' V9 Y% j
3:199 p& [+ ?0 e$ s0 X6 U& a9 g2 r) r7 |
重新整理列表的显示 - 样式
* b# E5 c, e: n4 V7 H6 P/ b4 i2:58
5 F# {: {2 x- m: }3 O1 L, U5 ~# R* U
, z: r) p9 e( w! S: }
& y' b( ~3 U) j: ]4 D% U" B
R5 K0 s7 I/ J7 y D9 ~
|
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
