react-native 如何实现下拉刷新机制？

Question

最近写了一个demo，现在想增加下拉刷新功能，但是现在有遇到了几个点想不通，求大家帮忙：
首页代码结构：

    Home
        index           //入口
        SearchBar       //搜索框
        MainCarousel    //轮播图
        MiddleMenus     //中间选项
        Project         //项目
        ProjectList     //项目列表
        Expert          //专家  
        ExpertList      //专家列表

暂时没有用到redux，现在做下拉刷新，

1. 下拉刷新最好在哪里控制？

2. 每个组件都是在各自组件内部进行请求数据的，如果在index处理下拉刷新，怎么通知刷新机制所有组件已经请求数据结束？

Answer 1

有个RefreshControl组件，就是为了下拉刷新的，你可以试一下

Answer 2

谢邀~

建议再封装一个下拉组件去包装list.
如果各组件通信的话最好使用redux.
传送门: 阮一峰: redux入门

补充:

就是细分一下, 不要直接写在index中.
比如index引用一个<下拉组件 ...某些参数 />
下拉组件中对事件, 以及数据[list]进行处理,
同时在下拉组件中引用需要下拉的<list组件 Data={this.state.data} />. 去动态改变list的data.
list根据this.props.Data去重绘组件.