javascript - 使用 asyncStorage 进行原生 react 以进行日常日记和图表

Question

我正在为客户创建一个原型(prototype)应用程序，它主要涉及 self 日记和图表。假设我想输入今天吃了多少卡路里以及燃烧了多少卡路里，我将有一个带有两个输入的屏幕，我可以在其中为自己保存这些数字以及今天的日期。

我想知道如何将 asyncStorage 像这样与日期一起使用，以便任何用户都可以拥有特定于其设备/手机的数据，并且他们可以每天记录日志，但我可以使用数据(按日​​期)显示他们的图表。基本上，如果他们在一周内每天保存卡路里摄入量/卡路里消耗量，图表将能够在他们的设备上显示该周每一天的数据。

我这里有一个非常基本的例子:

async storeItem(key, item) {
try {
    var jsonOfItem = await AsyncStorage.setItem(key, JSON.stringify(item));
    return jsonOfItem;
} catch (error) {
  console.log(error.message);
}
}

但是我如何使用“caloriesIn”和“caloriesOut”等键以及每个键的当前日期来执行此操作？

Answer 1

React Native 有很多用于存储数据的选项，以下是一些选项:

1. 真实
2. 瓦森
3. Firebase
4. SQlite
5. PouchDB
6. 异步存储
7. 西瓜数据库

综上所述，我认为适合您的情况 react-native-sqlite-storage应该是一个更好的选择，因为它可以让您按日期查询数据。