简单的类似tab页面切换

react native小白学习之路@TOC

tab页面点击切换

一开始准备用导航来做页面的切换，但是试了几种方法没有成功，换了一种思路，点击切换，改变tab的样式，并绑定事件进行传值

这是最终的样式，我这边的要求就是，切换页面展示不同的数据，因为展示的方式都是相同的，只是数据状态不同

代码展示

第一步

页面布局，通过设置状态来改变展示的样式

第二步

设定初始值，默认先展示，全部数据的部分

第三部

绑定点击事件，并对状态进行判断，获取传入的值

最后简单的做完类似于Tab页面的切换，简单记录一下