Storage

Trong một số trường hợp, Mini App sẽ cần lưu giữ thông tin của ứng dụng vào một Local Storage. Tbox Mini App cung cấp API tbox.storage để thực hiện việc lưu giữ data này.

Data của từng Mini App là riêng biệt với nhau, các Mini App không thể access vào thông tin của Mini App khác

tbox.storage cung cấp 2 API

async function getItem(): Object
async function setItem(key: String, value: Object)

Ví dụ

import React, { useState, useEffect } from "react";
import { View, Text, TouchableOpacity, StyleSheet } from "tbox/ui";
import tbox from "tbox";

export default function Page() {
  const [counter, setCounter] = useState(0);
  useEffect(() => {
    const getValue = async () => {
      const value = await tbox.storage.getItem("counter");
      if (value !== null) {
        setCounter(value);
      }
    };
    getValue();
  }, []);

  const onPress = async () => {
    const value = counter + 1;
    await tbox.storage.setItem("counter", value);
    setCounter(value);
  };

  return (
    <View style={styles.content}>
      <Text style={styles.paragraph}>Current counter is {counter}</Text>
      <TouchableOpacity
        style={styles.item}
        onPress={onPress}
        nativeID={"increaseCounter"}
      >
        <Text style={styles.paragraph}>Increase counter</Text>
      </TouchableOpacity>
    </View>
  );
}

Ví dụ#

Ví dụ