|
|
9 \5 m$ {, A+ N2 F7 @
课程目录; D1 w) c/ F3 B( ]
2017.02.22 更新：创建 React Native 项目) p( E( `2 E' l/ q: r& T. e$ c
11:01
% G6 A: ]2 \( P) J5 b( X+ o1 j& n1 X5 E5 G- O# H
准备0 U7 j; q- ^$ D/ S0 |
安装 React Native - OS X
) O, w$ w d& i1:20
. ~: n" C9 C- ?4 B& d配置 Android 开发环境& g" d, T" G. C% e: x% |
2:43
4 g+ x1 v9 a" E8 w' _初始化项目9 g/ U! r# A4 {; i
2:06
( u, T) m- G* j2 h: d9 K在 Android 上运行应用6 s5 d% B( R* K
1:22
7 B9 j; j, @$ b- j* e项目的开发菜单
6 Q" g. ]: m7 z+ \$ q, f e: U( A1:52/ U0 U; I' A7 D3 z1 E) a5 Q: V# D
初识 React Native 项目# J* y* Y5 u6 J; ~$ X" r6 }
2:50
4 R+ p7 A+ S! \- p! y在项目里使用 ES6
7 N, H4 v9 h8 \! q: A2:21
: g$ \+ R' d; q! T1 T9 P, |
- V4 X1 T/ A/ ?' }+ R. {样式
5 O7 d" L- t2 n5 e/ g; D创建与应用样式/ |! k! K. Z ] M3 u/ ~+ T- H& E
2:29
, |% e' K, i3 }' V J. R常用样式0 P5 D; y! _, \" O K
2:02
8 ^9 v0 u& D7 s6 q文字样式: ^9 B2 t5 H+ @/ P1 X& Z' n$ Y% e
3:32
+ L+ v' ^) F' q0 z: j9 H1 O布局 - 准备/ D( e7 N; \- h1 i
2:593 L9 E) a, c4 ~) W. _
布局 - Flexbox
5 [- Z; x7 Y3 W1 l" n% H2 s3:16& ? d$ f9 U8 }& u; a {& t$ ^
+ ^; A( s0 p3 o$ T6 q7 m组件
6 \9 Z* C7 f* s$ n- P- E视图组件 - View2 ^4 j8 Q) m G, ]$ B0 _: K
0:489 y0 u% @2 E' w9 J( [2 K6 b
文本组件 - Text
: ^! p! X" l4 K9 l3 {1:46
3 z A8 m7 f5 [# M- P自定义显示文本的组件
0 S, C6 V( l: |: Q# \7 p9 V" \1:49
' D; H, e% k6 f/ M0 g8 ~. u图像组件 - Image
5 y) x& }8 C: U: k: Y1:38
/ J+ r% H8 E- W$ E' h. W背景图像5 x' P; F2 _" t* C% o) j
4:54( q+ g* N. L [0 n
列表视图 - ListView! d3 f, i7 U5 D2 V6 a. |
4:043 }5 q$ }1 h+ w% z7 O
列表1 ^- I; o# D8 D' K$ x/ T
获取外部数据 - fetch- J$ W* j4 j9 K3 ?
3:20: K; V/ q& _2 \8 y
加载中 …0 N7 R- i$ D' b# u6 N) U4 V
2:41
# ]$ S) T6 Y- y重新整理列表的显示 - 内容
9 g3 X0 Z/ I3 V4 d7 v: Y2 C3:19
( u8 `; J6 c q$ d: a3 G重新整理列表的显示 - 样式! `* h2 l' {" m! Q+ z
2:58$ k4 u6 N2 y7 N% A0 c: y
* e ~( M; v! w: z3 Z9 s5 I# J \3 t! w n$ j7 s% y8 x
3 m6 v% z" U6 l. U8 {% B6 P. W% d0 E+ \* ^+ R% O# d
|
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
