React Native 跨端APP 探花交友 项目实战
01_1_课程导读.mp45 y: ^/ W; m* U. J6 @
02_2_探花交友课程介绍.mp4″ ]5 b% K4 {+ N7 `( p8 s6 y2 g
03_3-探花交友项目演示.mp4
04_4_课程安排.mp4
05_5_环境搭建.mp4$ g4 G; j: D6 L3 V N
06_6_初始化项目.mp46 w% i: ^5 v2 Q5 L6 P
07_7_屏幕投影工具的使用.mp4
08_8_基础知识介绍.mp46 Q4 a2 L* v5 P* m
09_9_项目目录结构.mp43 w8 [” C# }4 D’ I7 S; G0 z$ a6 D7 j
10_10_jsx.mp4
11_11_flex布局.mp4
12_12_继承_单位_屏幕宽高.mp4
13_13_变换.mp4) u- H: s. ~3 L7 [3 h- n( z. D; Y
14_14_TouchableOpacity.mp4
15_15_Image.mp4
16_16_ImageBackground.mp4
17_17_InputText.mp4′ j4 H+ E3 X8 y# ~
18_18_插值表达式.mp4
19_19_组件.mp4
20_20_props.mp4: v3 \* O/ J& ]’ Y j% P1 E. l
21_21_调试1.mp4- A4 e# w5 w/ t
22_22_调试2.mp4
23_23_事件.mp47 Q’ o’ M6 {1 X. l2 g4 r! k
24_24_生命周期.mp4! n: m- e# C6 k. o7 E$ v0 g
25_25_mobx1.mp4
26_26_mobx2.mp4
27_01_框架搭建.mp4
28_02_登录页面_背景图片.mp4
29_03_登录页面_图片px转dp.mp4( z$ n+ A: a! p, b4 h$ {
30_04_登录页面_input和icon组件.mp4
31_05_input标签的使用.mp44 m# Y3 `# V+ Z% h% }
32_06_验证手机号码.mp45 V: l$ G- l- |- F
33_07_获取手机验证码.mp40 K* [! |. U& W. g” i- W
34_08_teaset的toast的使用.mp4
35_09_自定义toast实现等待框.mp4
36_10_自动调用等待中提示框.mp4% {+ M: [‘ i7 Q; L” F
37_11_小优化.mp4
38_12_实现自定义的渐变按钮.mp4
39_13_实现点击按钮切换到填写验证码界面.mp4
40_14_验证码输入框静态页面.mp4/ t% U7 M, n/ {( v2 ~” a( ^
41_15_引入codeField组件.mp4
42_16_按钮的倒计时效果.mp4; f- ?9 B2 @4 _/ E! ~3 ]
43_17_根据新老用户来跳转不同的页面.mp4
44_18_完成填写资料页面的标题.mp4
45_19_使用阿里巴巴字体svg.mp4 P. a+ H” m7 C’ c- K1 \
46_20_点击切换性别.mp4
47_1_昵称输入框.mp4
48_2_日期输入框.mp4& r* t! c4 p8 L$ H1 |; S* v
49_3_引入高德地图.mp4
50_4_优化高德地图的使用.mp4& \0 E4 y0 g* K3 V+ [
51_5_渲染当前定位到页面.mp4
52_6_引入城市选择组件.mp4
53_7_渲染设置头像按钮和分析剩下业务.mp4, m, S& j9 \* k9 S- k2 \
54_8_校验昵称_生日_当前城市.mp4
55_9_使用图片裁剪工具.mp4
56_10_实现头像审核中效果.mp45 D1 }% o% N3 e8 ~1 y) @
57_11_引入mobx管理全局数据.mp4: c: V! k4 v- |” u# ]1 p
58_12_上传头像.mp4+ P0 B, y- v- v. I; I/ D
59_13_优化上传头像的代码.mp47 }% P- ~6 F( A; Z% R’ @5 r
60_14_完善个人信息.mp4
61_15_引入极光通讯.mp4
62_16_优化极光通讯的代码.mp4
63_17_完成极光的注册.mp4
64_18_完善填写个人信息的流程.mp44 p$ F# W% {” O
65_19_引入tabbar.mp45 i$ F4 X1 r9 J: b M3 @! G
66_20_完善tabbar样式和模块结构.mp4
67_1_token的缓存和权限的校验.mp40 B” X, ]. s; x: \
68_2_交友_首页_顶部图片吸附效果.mp4: J/ ]& n6 A: D% c$ h
69_3_完成顶部的三个图标.mp4
70_4_访客模块.mp4
71_5_rn中使用普通的字体图标.mp40 U- W% ]” G: v/ L& P
72_6_今日佳人_左边结构.mp4
73_7_今日佳人_完成.mp4
74_8_获取推荐朋友数据.mp4
75_9_渲染推荐朋友模块.mp4* k# U7 Z2 z8 V
76_10_点击显示筛选组件.mp4+ e I) Z” R, j8 u- Z
77_11_点击关闭筛选浮层.mp44 M$ T, q5 ? w/ m; X/ j
78_12_完成了选择性别的功能.mp42 Z’ ]& Q, [5 d( m# {4 L; y
79_13_完成了选择近期登录时间的功能.mp4
80_14_完成了选择距离功能.mp4
81_15_完成了居住地和学历选择功能.mp4: {0 N+ T# ?2 _( ~
82_16_完成列表筛选功能.mp4& {+ g2 R” A1 X4 b% Z
83_1_新建探花页面.mp4/ j0 B, ~3 d& h
84_2_封装底部状态栏.mp4
85_3_实现探花的背景效果.mp47 P- \, t4 Y” f0 A+ |
86_4_引入滑动组件.mp4
87_5_动态渲染滑动图片.mp4
88_6_实现探花页面剩下的静态结构.mp4( p, m% g+ y’ n$ D. q
89_7_点击按钮_滑动图片.mp4
90_8_主动滑动图片.mp4″ ^* R4 Q( o6 q) _# T0 B% V* B
91_9_探花滑动_分页.mp4
92_10_搭建_搜附近页面.mp4
93_11_根据距离不同渲染不同大小的头像.mp4( ]: L6 g) U0 q4 f
94_12_随机显示位置.mp4+ r% L: i1 a$ Q2 t) S
95_13_点击弹出筛选组件.mp4
96_14_实现筛选功能.mp4. w3 p5 e8 V. W* M1 N$ O) H. g
97_15_新建测灵魂页面.mp4
98_16_使用swiper渲染测灵魂页面.mp4, ]8 n/ Y+ p5 X4 b6 S0 Q: |$ @
99_17_跳转到问卷答题页面.mp4
100_18_分析和获取问卷列表页面数据.mp4! A9 j% h4 ~: u( G& _0 {) k
101_19_搭建页面基本样式.mp4
102_20_存放用户信息到mobx中.mp45 r& M3 O8 e: q
103_1_完成灵魂试题的动态渲染.mp4
104_2_完成测试_提交答案.mp4
105_3_新建测试结果页面.mp4
106_4_完成结果页面_背景和标题.mp4$ l, ?5 t6 x3 o
107_5_完成测灵魂的所有功能.mp4
108_6_新建用户详情页面.mp4/ E$ G” `/ `2 h/ o, V
109_7_分析接口获取数据.mp4# ]5 C# P/ a, k9 ^, j9 G0 |+ q% [3 n
110_8_显示轮播图.mp4
111_9_渲染用户信息.mp4
112_10_完成用户动态中的按钮结构.mp4: a9 Z5 q1 k3 _7 _; i5 V6 Z
113_11_渲染用户的动态.mp4
114_12_点击图片放大预览.mp4
115_13_分页加载.mp4
116_14_优化项目中存到的小bug.mp41 a” i. s1 X8 T/ m1 z$ [! ?
117_15_使用新用户和进行统一的极光登录.mp41 ?’ ^9 g5 ~0 A( {% C” N0 I, s
118_16_通过极光通讯发送喜欢消息.mp4
119_17_新建聊天页面.mp43 t/ n’ D, I$ J$ q5 S6 h7 B( D
120_18_引入聊天UI库.mp46 w9 ?0 }& ]6 E, z2 v
121_19_略读聊天UI库的代码.mp43 p C# C( i1 N
122_20_封装和获取极光历史消息.mp4
123_1_在聊天界面显示极光历史消息.mp4
124_2_优化聊天界面的显示.mp4
125_3_聊天发送图片.mp46 ^) h: O( o& X, l8 s
126_4_发送文本和优化喜欢你.mp45 l% V! b7 o+ i
127_5_搭建圈子模块的首页结构.mp4
128_6_获取推荐动态数据.mp4) m1 B9 X9 r2 F) F& @6 i* e
129_7_使用FlatList渲染数据.mp4
130_8_完善其他样式结构.mp4
131_9_分页加载数据.mp4
132_10_实现点赞.mp4
133_11_喜欢和取消喜欢.mp4
134_12_不感兴趣.mp4
135_13_点击图片放大.mp4+ D* a2 b9 {‘ e2 U* X
136_14_新建评论列表页面.mp4# j( H! V) K! j/ |2 K1 |
137_15_顶部和用户的动态结构.mp4! W# K7 n8 e’ w! \
138_16_动态渲染评论列表.mp4$ V& M. E8 c* S: h
139_1_评论点赞.mp4
140_2_输入框的静态样式.mp4
141_3_实现输入框的切换显示.mp4
142_4_发布评论.mp42 t5 B6 ]# E( H& o* q9 j7 z’ _$ ~
143_5_分页完成.mp4
144_6_按下返回键撤销输入.mp4
145_7_新建发布动态页面.mp4
146_8_引入和修改公共导航栏.mp4: y! I% S6 [$ a+ t( b” [‘ j0 m; J$ L
147_9_实现输入框功能.mp42 T0 e$ I5 [2 U. u7 H
148_10_获取当前位置.mp4
149_11_选择图片.mp4
150_12_修改成中文提示和渲染图片.mp4
151_13_点击删除图片.mp4
152_14_引入表情组件.mp4
153_15_表情输入和表情组件切换显示.mp43 N/ _2 \- L/ }) X( j7 N+ X( h
154_16_对动态内容做非空校验.mp40 U4 o, q* z7 G6 m [
155_17_上传图片.mp4′ j1 T n5 t8 ?- G- s# I
156_18_发布动态.mp4* C% E, b* D8 o6 Q; ?2 n
157_19_优化发布动态.mp4
158_20_正则匹配富文本内容.mp4: y5 C; Y8 L2 P! X3 ~2 |8 [, I( J0 i
159_21_在项目中渲染表情图片.mp4
160_22_完成圈子_最新页面.mp47 U4 h! h) F. w
161_23_实现消息页面的导航栏结构.mp4# ?1 P1 n9 n) l
162_24_实现四个消息菜单.mp4
163_1_分析不同的消息种类的业务.mp4$ S* p O3 s3 _ x1 f0 g- s$ ]
164_2_封装极光获取会话消息.mp4# U0 j% O$ o. p, m5 q
165_3_新建两个帐号演示极光代码.mp4
166_4_根据guid获取对应的用户信息.mp4$ e& l. w’ A& n+ O+ ?
167_5_循环显示极光会话消息.mp4
168_6_点击消息列表跳转到聊天页面.mp4
169_7_实现我的页面中的用户信息.mp4
170_8_编辑相互关注_喜欢_标签结构.mp4′ F! l% |* P! C5 y
171_9_实现我的页面中的列表菜单.mp4) r! N+ @$ N( e* f t [4 l1 {7 n
172_10_获取当前定位和统计信息.mp4 p, u, D+ ], v. h! `; V/ h
173_11_给我的页面添加了下拉刷新功能.mp4
174_12_新建关注页面.mp4
175_13_搭建关注页面的大结构.mp4
176_14_封装了搜索输入框.mp4- ]% S* w# `3 l; f1 O& P7 m
177_15_获取关注_喜欢_粉丝列表数据.mp4
178_16_动态渲染_喜欢_页面.mp4
179_17_实现用户筛选功能.mp4
180_18_渲染粉丝和互相关注页面.mp4
181_19_实现了取消关注_关注功能.mp4
182_1_实现我的动态.mp4
183_2_编辑访客页面.mp4/ T5 q6 X4 p0 C& a x. ^
184_3_完成访客页面.mp4
185_4_初始化编辑资料页面.mp4) s3 S; K# j’ n9 I: h/ j8 `
186_5_编辑头像.mp4
187_6_优化编辑成功后的流程.mp4
188_7_编辑昵称.mp4
189_8_编辑生日.mp4
190_9_编辑性别.mp4
191_10_编辑城市.mp4& p2 }1 F0 }. e1 c’ M
192_11_编辑学历.mp4
193_12_编辑婚姻.mp40 d- v, A( X7 o. o$ `( X7 G
194_13_实现通用设置页面的静态结构.mp41 E8 n4 K’ z. R4 m! g7 l* R& |’ b
195_14_完成退出登录功能.mp4
资料.rar# x* @5 n6 Y& T* F2 w’ u% b