之前改進過一個react-native-pull元件解決了iOS上重新整理頭部出現空白問題，並且將listview改成了flatlist。
github如下：
react-native-pullview這是純js寫的Android&&iOS都可以使用。在iOS上面效能還是可以的，但是在Android上滑動時雖然也可以使用但是總是感覺有點卡頓，不是很如意。
因為rn在Android上滑動事件就不是很流暢，Facebook也一直被這個問題困擾。所以無奈最終只好自己封裝一個原生的下拉重新整理元件來解決這個問題。
官網為我們提供了封裝原生元件的方法和例子但是下拉重新整理這個和明顯不是一個簡單的view而是一個viewgroup（關於封裝View參考

compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.4-7'

關鍵程式碼:

/**
 * Created by wuyunqiang on 2018/1/16.
 */

public class PullLayout extends ViewGroupManager
 
<SmartRefreshLayout> {
    @Override
    public String getName() {
        return "PullLayout";
    }

    @Override
    protected SmartRefreshLayout createViewInstance(ThemedReactContext reactContext) {
        SmartRefreshLayout  refreshLayout = (SmartRefreshLayout) LayoutInflater.from(reactContext).inflate(R.layout.activity_pull,null
 
);
        header = new Header(reactContext);
        return refreshLayout;
    }

    @Override
    public void addView(SmartRefreshLayout parent, View child, int index) {
        super.addView(parent, child, index);
        parent.addView(header,0);//設定header
        parent.onFinishInflate();//在這個方法裡面新增子佈局 這裡要主動呼叫否則無法顯示下拉重新整理內容
    }

    //傳送給RN重新整理事件 載入資料
    public void refresh(ThemedReactContext reactContext,SmartRefreshLayout refreshlayout){
        if(reactContext!=null){
            WritableMap params = Arguments.createMap();
            params.putString("from","native");
            Log.i(TAG,"開始重新整理");
            if(CanRefresh){
                CanRefresh = false;       this.dispatchEvent(reactContext,refreshlayout,"onRefreshReleased",params);
            }

        }
    }

    public void dispatchEvent(final ReactContext reactContext,
                              final SmartRefreshLayout refreshlayout,
                              final String eventName,
                               @android.support.annotation.Nullable final WritableMap params) {
        if (reactContext==null) {
            Log.i(TAG, "reactContext==null");
            refreshlayout.finishRefresh();
        }else{
            Log.i(TAG, "傳送訊息事件 " +"refreshlayout View id : " + refreshlayout.getId());
            Log.i(TAG, "key:" + this.Key+eventName);
            //原生模組傳送事件
            reactContext       .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                    .emit(this.Key+eventName, params);
        }
    }

效果如圖：非常流暢不會卡頓

完整程式碼GitHub：AndroidToRN歡迎start