超级会员免费看
本文介绍了如何使用React Native实现一个静态的个人中心界面，包括个人介绍和扩展页面。通过封装组件（MineItemCell.js）和统一样式（text.js）提高代码维护性。详细展示了顶部个人资料及下面子视图的绘制过程，提供了getDataList()方法来获取并绘制数据。
在很多app应用型APP中，个人中心往往会单独出一个模块，而对于刚入门React Native的朋友来说，怎么去实现一些静态的页面，并且怎么着手实现，怎么分层，怎么去实现这个架构，我想是很基础的（ps，本人新书，《React Native实战经典》定义国庆前后出版，欢迎大家捧场）。
首先，看一下实现的效果：
项目讲解
首先，这是一个纯静态的页面，包括顶部的个人介绍页面，已经下面的一个扩展页面。而下面扩展页面风格基本差不多，我们可以对其做一个简单的封装（MineItemCell.js），为了项目代码维护的方便，我们还可以将这些样式统一一下（text.js）。
text.js文字样式
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
