react native（七） 界面 UI-demo

今天本想继续组件的学习，不过突然接到主管任务（其实也不算任务了，可能主管经验丰富知道该怎么开始学习一门新语言），让我们做个界面，截图发我（心里默默一声 天）截图如下（估计也是我们主管随便在那个APP上随便截的，让我们来练手的）：

只好硬着头皮上啦（俗话说，人不逼不成器 ��）
给我五分钟，我需要构思：
1.决定，下面tabBar和上面navigationBar 用原生代码OC来做，比起那些一心求成的程序员，我懂的循序渐进的道理，更懂的一口吃不成个大胖子的俗语，所以我决定只有内部内容用react native。
2.至于内部内容的框架如何，
我自己的想法是底层用scrollerView，内部分textInput，横向ListView，scrollerView包括内部的ListView；
我必须让大神给点意见，最后自己再决定。我截了图发到react native 群里（这群是我在自己学习过程中，偶然看到的，就申请加群了，建议初学者，多加几个群），有大神给的意见是，底层用scrollerView做容器，在该容器中分三大模块（1）textInput（2）横向scrollerView（3）竖向scrollerView，其中在（3）中包括ListView；
询问了同事的想法：分三大模块（1）textInput（2）横向scrollerView（3）竖向scrollerView，其中在（3）中包括scrollerView；

综合上面的情况我决定：分三大模块（1）textInput（2）横向scrollerView（3）竖向scrollerView，其中在（3）中包括ListView；嘿嘿，如果有时间再用别的思路

3.在这就不一一列举做法，综合一下：
再去看一遍scrollerView，然后看着官网上的例子，就开始吧，打开.js文件（用的webstorm），总之用到什么查什么，而且一定要查明白。

在这里粘贴代码不方面呢
如果想要看我写的代码的可以给我留言，也可以加我QQ1279571489