? ? 本文記錄一下rn在網(wǎng)絡(luò)加載的時候在頁面最上層覆蓋一個Modal的方法梨树,本人也是初學(xué)坑夯,如有不對之處或者更好的實現(xiàn)方法,請不吝賜教抡四,實現(xiàn)效果如下:
????在加載動畫出現(xiàn)的時候柜蜈,界面是被鎖定的,當(dāng)網(wǎng)絡(luò)請求完成指巡,加載頁面消失淑履,此時界面可接收點擊事件。
以上效果為mobx + modal實現(xiàn)的:
首先藻雪,在根視圖上覆蓋modal遮罩:
mobx需要自己從git上下載秘噪。
為了在請求時只更新加載頁面,此處將等待界面單獨拎出來作為一個component勉耀。
是否處于加載狀態(tài)在appMobx文件中判斷指煎,代碼如下:
????如此,將網(wǎng)絡(luò)請求封裝成一個class(mobx的觀察者)便斥,并在網(wǎng)絡(luò)請求開始的地方調(diào)startRequest至壤,返回結(jié)果的地方調(diào)endRequest即可實現(xiàn)在每次進行網(wǎng)絡(luò)請求的時候都出現(xiàn)等待界面,無需手動喚起椭住。
? ? 加載界面NetWorkRequestWaitView可自定義崇渗,就是一個Component。