屏幕快照 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
屏幕快照 2017-12-14 下午5.30.23.png
4:編寫狀態機
![]()
屏幕快照 2017-12-14 下午5.31.18.png
屏幕快照 2017-12-14 下午5.31.18.png
5:將該組件被引入其他需要的界面中
如：被Center.js引入
![]()
屏幕快照 2017-12-14 下午5.35.28.png
屏幕快照 2017-12-14 下午5.35.28.png
這樣就可以完成類似表格的效果
cell的界面布局及其樣式均可以在CenterCell.js完成（如cell的圖標等，這樣所有的參數均可以在數組完成即可）
注：
- this.props.navigation一定要傳入CenterCell.js中
-
項目引入react-navigation，即：需要跳轉的界面，需要在APP.js中，引入完成導航的注冊操作，即：屏幕快照 2017-12-14 下午5.41.54.png
