|
|
0 h; T% p: Y) p( R课程目录 M- ^) {7 S3 w1 c3 C0 b
2017.02.22 更新：创建 React Native 项目
4 L& L0 a4 n" B1 W) Y! i. E! e6 B8 h11:01
& E7 Q& \1 {; m U9 q5 E4 O) [, P2 I% M% K0 K; Y
准备% H" J5 e# \0 }# m* P5 z, |
安装 React Native - OS X
0 E' C, b" I# d: V1:20
- ?- x1 @$ C! K' b: h" z配置 Android 开发环境 N3 |+ `3 c0 f$ R4 Z
2:43
% W" t j9 L/ x5 T初始化项目
& p. z6 i- I7 y) Z Y& a, _2:06
( L7 ?/ G0 e: W5 @0 ]在 Android 上运行应用2 }* P! F: Z" G3 z/ J: n$ J
1:22
1 i" t' `$ Z$ M0 s& J9 f项目的开发菜单% c' X. n' n! |* r- E7 B3 n
1:52
& o: b) u5 l. n8 n2 |4 |初识 React Native 项目
- M6 y0 B; D# N0 F) h" t1 K2:50
/ V7 w Z, D0 Y) e- s在项目里使用 ES63 W1 \, T4 W9 ?6 F5 Y
2:217 L( p3 v4 d! w. k& {* b
! ~2 o: \) n2 ~: b0 k" d样式. z& C# L" i9 V5 w: J
创建与应用样式
8 W( ^1 S7 m8 T) I& N4 Q: q2:29
9 E9 p. W1 C8 f常用样式) }' x) ]- x5 b- Z9 }8 U: B q, w+ f
2:02, r7 Q% R; g- b2 W
文字样式% o! K' l, D9 B* q; |) l t
3:325 a- T5 ?0 E. I: B: @
布局 - 准备7 r1 ^! N) X, O4 R2 b8 Y
2:59
7 U. f; ^4 u) P! b5 T布局 - Flexbox: I W+ v) [$ O& K& K! H
3:16
6 l; Q! F( N- a; {( p
0 k& `2 K* M# b1 Y( Y0 `' d5 L3 t& x l组件
' k! P8 ?( R+ Q9 r视图组件 - View
8 Y0 p6 f" [( D$ k, N5 s5 n) {0:48
5 C# ?& B, ~7 U! i4 `- _* w; r1 X文本组件 - Text
2 @! w# y" i3 u" H6 @2 O1:46! Q3 ]6 O5 T& f& Q6 \: `# ?) F* C; { f
自定义显示文本的组件
H: J3 h1 W8 X6 I* [1:49
9 S! `3 x" [7 x) h# w7 x$ f; F图像组件 - Image3 D t# G2 V* c* Z i5 T
1:382 Z- W1 \( P$ ~5 ~" t6 N1 J% A) k$ L
背景图像
4 c( w8 W S7 E! w a! [4:54 ^3 U$ X, y: W2 Z" V4 z
列表视图 - ListView
/ Q1 @; d6 @6 l5 Z+ w4:04
1 r" \: r- ]) M7 v. O列表
! w9 i/ [* @3 b5 k- H$ C# Y获取外部数据 - fetch
. E5 j0 z( l, x8 x1 t6 x8 t3 y3:20* u* v: O: g0 k# T4 T
加载中 …
m) G6 _! q+ i4 ?, w, K9 i- A, z2:41
. k. k$ i: T$ ]! B! N% B重新整理列表的显示 - 内容
5 d+ n& x" c, {6 [8 z3:19
8 {, z1 W) j) `2 E- l k8 Q重新整理列表的显示 - 样式
( T0 e4 S M; z9 P2 \; c7 J2:58
' l* H# S5 Z1 w: C9 o- ~' j1 O; i2 O' R, S+ R8 u# l( o2 e0 W1 j
$ Z5 b- A5 D9 g6 Z. X: I! g
5 n5 o$ j5 E: j' t* |! L5 u( p- Y+ j) r9 c# [( U
|
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
