Chapter 04

一時保存、AsyncStorage

knaka Tech-Blog
knaka Tech-Blog
2021.11.22に更新
このチャプターの目次

概要

AsyncStorageで、デバイス側にデータ保存になります。

  • こちら、非推奨のようでした。

関連

https://reactnative.dev/docs/asyncstorage

読み書き

  • get
import { AsyncStorage } from 'react-native';

  getTestItem:async function (key: string){
    try {
      const value = await AsyncStorage.getItem(key);
      if (value !== null) {
        console.log(value);
      }
      return value;
    } catch (error) {
      console.log(error);
    }
  }

  • set
TestScreen.tsx
import React, { useState } from 'react';
import {
  StyleSheet,
  KeyboardAvoidingView,
  Text,
  View,
  Image,
  AsyncStorage ,
  Platform,
} from 'react-native';

  async onPressTest(){
    try{
console.log("#onPressTest");
      await AsyncStorage.setItem(
        'test',
        'velue-123'
      );
    } catch (e) {
      console.error(e);
    }
  }  

....