RN Redux-脱机删除请求数据/缓存

Question

只是在配置反应原生离线请求时陷入困境。我想使用它作为 base64 数组发送数据和图像文件，好吧，我让它工作了，但之后缓存在真实设备中测试时每天不断增长 140mb/4h，假设不是它应该工作的方式。我一般缺少什么？

使用自定义请求存储配置(将图像转换为base64(

offlineConfig2 = {
...offlineConfig,
persistCallback: () => {
console.log('Rehydratation complete');
},
persistOptions: {
key: 'primary',
storage:AsyncStorage
},
rehydrate: true,
// @overwrite effect
effect: (effect, action) => {
console.log(`Executing effect for ${action.type}:`, effect);
photoArr = [];
if (effect.photo)
photoArr = effect.photo;
promises = photoArr.map(function(photo){
return base64 = RNFetchBlob.fs.readFile(photo.key, 'base64')
.then((data) => {
return data
}).catch(err => console.log(err));
});
return new Promise(
function (resolve, reject) {
Promise.all(promises).then(function(base64Photo) {
body = effect.body;
if(Array.isArray(base64Photo) && base64Photo.length > 0) {
body = Object.assign({photoArr: base64Photo}, body);
} 
fetch(effect.url, { // eslint-disable-line
method: effect.method,
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
'Authorization': 'Bearer' + effect.token
},
body: JSON.stringify(body),
})
.then(res => {
console.log('response', res);
resolve('ok');
return res.ok
? res.json()
: Promise.reject(res.text().then(msg => new Error(msg)));
})
.catch((error) => {
reject(new Error(`Unable to retrieve events0.n${error.message}`));
}
);    
})
.catch((error)=> {
reject(new Error(`Unable to retrieve events 1.n${error.message}`));
}
);
});       
},
// @overwrite discard
discard: (error, action, retries) => {
console.log(error);
//return true;
return retries > 3;
},
// @overwrite retry
retry: (action) => (action.meta.urgent ? 100 : 10000),
//returnPromises: false,
/*
queue: (action) => {
console.log(action);
}
*/
// @overwrite persist
};
export const store = createStore(rootReducer, undefined, offline(offlineConfig2));

操作本身。

export const sendRepairPhotos = (identifier, token, auto_number, kilometers, message, photoPath, photoArray = []) => {
console.log('send repair photos');
return ({
type: REPAIR_PHOTOS,
//payload: { token },
meta: {
offline: {
effect: { url: global.apiUrl + 'trucks_malfunctions/register', method: 'POST', body: {km: kilometers,
                          auto_id: auto_number,
                          identifier: identifier,
                          message: message
                      },
                      photo: photoArray, 
                      token:token },
}
}
})
};

如果得到帮助，我可以附加另一个信息，但基本上面临缓存大小问题，以及反应原生缓存是如何工作的？它是在内存使用量中生效还是只是闲置？如何设法自动删除它们并进行优化？欢迎每条评论。

Answer 1

回答我自己的问题，稍后想，但也许这对其他人也有帮助。我使用了RNCAMERA，它将捕获的图像保存在临时文件夹中。

通过离线使用 redux 发送带有图像的请求对于删除图像非常重要，除非应用数据和缓存增长。文件管理模块可以做什么，例如RN fetch blob，rn fs等。