|
|
/ {( O8 V+ ?6 ?
课程目录: R. r- U% Q( [4 R7 E# @0 l
2017.02.22 更新：创建 React Native 项目* F2 ]. o' H+ Y5 e' o
11:01$ I' y; F! ?. L# V! j" Z# k
- `; y, D* S4 H5 y+ t) J) b9 G
准备0 D* m: j( g8 U
安装 React Native - OS X$ ~' I; |; H% m# o. W" v: F
1:20
0 B f; ]% X5 S( W0 V配置 Android 开发环境
6 u7 G# n6 ]/ B9 g6 C" F. _$ S2:43! O. }7 g9 k. t( `1 k
初始化项目5 n$ s$ }$ _* ?* h( w# R+ \
2:067 H ]% e$ h3 j, W7 Z+ x7 ]* g
在 Android 上运行应用8 T9 f- d7 _2 x9 Q& ~, m' F q
1:22% x% G/ E* J' K" f
项目的开发菜单
/ ]" n" F% k4 \% E+ m( t& O) M# o1:52' D# U3 ~8 @* ~# M F2 w3 Y
初识 React Native 项目
4 L' Z. T+ m1 L# T- Q4 O( b6 M2:50
: |) Y- h2 _) b" U" W; t' q在项目里使用 ES6+ p$ I7 n6 Y' r" q7 _
2:21$ ^2 r0 y1 T5 k+ I
% ]4 @8 D0 @' P+ C. r& V2 P$ }
样式
8 W. t! B4 @0 P( |2 L4 `* i7 D创建与应用样式3 z8 p3 P& X2 e! g- V6 J7 F/ |0 j, z
2:29
J n+ j9 O. A7 Q* B2 u常用样式8 l* J) y- q: Z/ n" b
2:02; K: n. Z4 {7 T# M
文字样式
1 P. A k8 e2 a0 i" Y0 \# t3:32
" Y* o* c/ J% q, |布局 - 准备
7 I6 s* x2 p( I( y) j9 g2:59
. Q9 D; _" F0 \( @2 n; F" P布局 - Flexbox+ G' i' H) g* w H9 [
3:161 t: R9 {; z; t6 K: g' R
* k1 |" ~; n$ ]# ^) h: O5 v ^; M
组件# Z: M9 t6 J9 _; }/ `$ h
视图组件 - View
}- Z% a( s) n- p0:484 v1 S$ z9 x; \( r0 K$ B) I2 S
文本组件 - Text: V) e3 `" k2 X
1:46
+ ]) K. [) k x自定义显示文本的组件
- Y) i; Q4 _+ J: F' B9 T& i a: ~1:49
% j# N9 P% p( K1 N& q图像组件 - Image
; T. s3 m9 q4 p4 L& U6 s! h5 {! X1:38
* M1 Q' r" W4 }/ y* Z R+ Q" |( B- p背景图像' C' B% b( J1 r* |
4:54
+ E, L/ @ V3 h- a; \+ k, M列表视图 - ListView; c5 T8 l* E7 V6 v! g+ w
4:04
+ [. ^/ w, t% q1 @列表
* k( S2 h* O; d获取外部数据 - fetch
~4 C8 z* Z8 P4 i& }6 h3:207 H6 _ }) O) D% }/ H
加载中 …
. a+ g |' ^: L) Q8 A8 i: W: V2:41
5 Z2 u; |! f F: {9 N' i$ G. m重新整理列表的显示 - 内容
, W! B* j/ b1 N# M3:19
0 y1 \. I, B9 M& a; v4 C重新整理列表的显示 - 样式9 p# m6 c6 e6 C. v
2:58; O& h, }2 L: h! |( B) F* H
" K9 h2 z( `2 I/ d. O1 P4 T- l+ b8 r" h: t+ F" ~) ^
) v7 r) K5 `( \1 L; u
- _/ l g2 ]2 \9 U |
|
[复制链接]
发表于 2017-10-23 00:23:50
发表于 2017-10-23 07:15:53
