|
|
- n% d: z; o) t+ T; q& c& B* @; A课程目录! T0 e; \% I- o
2017.02.22 更新：创建 React Native 项目+ o/ c9 O V3 W2 ~* ?* B+ y
11:01
' ^ W2 i# G k% }1 B1 `
9 N2 l* ^' G D8 B3 L7 g7 F准备
4 J/ D2 u: M: a: ]8 ?' Q0 {安装 React Native - OS X3 q: {! s) f2 _5 D( [
1:20
0 v2 v1 F4 L2 B2 x; l配置 Android 开发环境 C7 w4 H. X H" q3 I
2:43
: X+ [# l% I1 F/ V初始化项目
' _5 j8 ?* U, A% G2:067 [! m* a6 D4 d# g
在 Android 上运行应用1 M/ L4 v8 g! s7 d3 v; ~* l4 t" O
1:22+ T! F1 A2 n. r3 R v
项目的开发菜单! k' r* n% Z* @# T- I
1:52
- J9 j' B2 }* t; z初识 React Native 项目* e9 @9 ^, C1 D* T6 [ ?
2:50
2 s7 q' `: d5 E8 _在项目里使用 ES6
( ] Z* W" N1 x& Q2:21+ {4 S' w8 }9 l
0 u+ s# b H. k6 E样式
5 y3 a& g) D& j创建与应用样式
. b: y$ N! H% d" e2:29
7 p7 W$ G0 X7 L, k" @常用样式2 v' X, h( ^2 G
2:02+ c- r8 I: {: h
文字样式0 N, y4 ?% z/ [+ {) C
3:32
. q1 d v+ o: R布局 - 准备* F3 Y* [* J1 @
2:59& \; U( f/ F4 I) r, w$ q
布局 - Flexbox) R2 A9 F7 V# H8 R! n, @
3:16
) D$ M& O8 Q2 C, x) q
$ ?# I7 L; t8 k" _/ u( I4 G组件, T3 G/ k+ s& M% b. y
视图组件 - View
. ]* ?1 R/ v1 n% R5 R0:486 Z' T, o& S0 W3 v
文本组件 - Text" v5 O: @ e1 `! T( \
1:46
6 A3 W8 Q( M2 K( \* e+ j自定义显示文本的组件; L4 l2 i5 {/ N$ T i) R- F
1:495 p) R5 n- I9 h- t8 { M; c
图像组件 - Image
5 W! C* Q/ c9 E3 o6 o' q/ s* p1:383 O; `( Z2 W9 Y( B$ E( {3 }* {$ P3 k: ^
背景图像* f J$ i8 ^7 G( P9 V
4:54
# i$ c& n6 Z9 x* E* A1 Z: f列表视图 - ListView v) d" u0 O5 E
4:04; P0 s& `( O& ]$ b7 d$ L8 p& X
列表
@ O* \: l% G l8 i获取外部数据 - fetch; ]& @' I* q2 k
3:20
+ J* V) U N6 [, S; C1 `加载中 …
. Z/ l0 l! h- X5 o' b2:41
. G" Y0 [' k& C6 a- ^3 N, y" X重新整理列表的显示 - 内容3 P8 f3 S5 {7 H3 Y% R- X
3:19* Z* F2 k2 {$ ?7 ~
重新整理列表的显示 - 样式
5 [$ ^, A6 \& Z5 F- M6 k2:58$ C3 _' a3 @+ v: T0 q
1 x; a5 N' r' N3 {$ d: [
$ b0 c, y" r+ q; O3 V+ H6 Z
& ^$ Z$ E: I, N b& M
; m B0 l1 W9 A1 d0 X |
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
