React-native-xfetch NPM

react-native-xfetch

XFetch Supports

refreshToken
setTimeOut()
setHeaders()
setParams()
useCookie()
get()
post()
put()
delete()

how to use

Step 1:

yarn add react-native-xfetch  or  npm i react-native-xfetch --save

Step 2:

init XFetch: 

1)  import {XFetch, XFetchConfig} from "react-native-xfetch";
2) 
    //set the public header like this
    const commonHeader = {
      'Content-Type': 'application/json',
      'platform': 'android or ios',
      'deviceId': '6f580xxxxxx-e7aaaaaaaa0'
    };
    
    XFetchConfig.getInstance()
      .setBaseUrl('http://127.0.0.1:8000/')
      .setCommonHeaders(commonHeader)
      .setCommonTimeOut(30000)
      //here, you can monitor the response results of all requests.
      .setResponseConfig(this.handleResponse)
      //param 1: isTokenExpired? , param 2: refreshToken http , param 3: refreshToken response
      .setRefreshTokenConfig(this.checkTokenExpired, this.refreshToken, (promise) => {
         promise.then((res) => {
           ...
         }).catch((error) => {
           ...
         }) 
      })
      
      
    ......
      
    handleResponse = async(response, resolve, reject, data, xfetch) =>{
      if (response.ok) {
        if (!data.success) {// success is your server's custom fields
            throw new Error(JSON.stringify(data))
        } else {
            resolve(data);
            console.log('XFetch_success-->', response.url, data);
        }
      }else {
        reject(data);
        //TODO Authentication failed
        // if (response.status === 401){
        //   await XFetchConfig.getInstance()._refreshToken();
        //   //retry
        //   xfetch.do()
        // }
        console.log('XFetch_error-->', response.url, data);
        //do something...
        //for example, Toast.
      }
    };
    
    
    checkTokenExpired = () => isTokenExpired;
    
    refreshToken = () => new XFetch().post('refresh_token').setHeaders(...).setParams(...) //please do not use the do() here.

Step 3:

normal use: 

   import {XFetch} from "react-native-xfetch";

   let promise = new XFetch().get('url').setHeaders(...).setParams(...).do().then((res) => {
      ...
   }).catch((error) => {
      ...
   });
   
   
   let promise1 = new XFetch().post('url').setHeaders(...).setParams(..., isFormData = false).do().then((res) => {
      ...
   }).catch((error) => {
      ...
   });