React-native 组件分离

想实现如下效果，如何来做呢 屏幕快照 2017-12-14 下午5.23.50.png

哼，～这不是很简单么
1:多复制几个
2:列表处理
。。。。
今天采用的是不一样的处理办法---》组件抽离（将相同的板块抽离出来，组成一个组件，引用这个组件即可）

1:创建抽离组件CenterCell.js

2:编写抽离组件视图

屏幕快照 2017-12-14 下午5.29.29.png

3:绑定视图事件 屏幕快照 2017-12-14 下午5.30.23.png

4:编写状态机 屏幕快照 2017-12-14 下午5.31.18.png

5:将该组件被引入其他需要的界面中

如：被Center.js引入 屏幕快照 2017-12-14 下午5.35.28.png

这样就可以完成类似表格的效果
cell的界面布局及其样式均可以在CenterCell.js完成（如cell的图标等，这样所有的参数均可以在数组完成即可）
注：

1. this.props.navigation一定要传入CenterCell.js中
2. 项目引入react-navigation，即：需要跳转的界面，需要在APP.js中，引入完成导航的注册操作，即： 屏幕快照 2017-12-14 下午5.41.54.png