Warning: Async Storage has been extracted from react-native coreという警告

React Nativeで以下の警告が出ました。

Warning: Async Storage has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from ‘@react-native-community/async-storage’ instead of ‘react-native’

解決方法

ターミナルで

npm i @react-native-community/async-storage

または

yarn add @react-native-community/async-storage

を入力して実行します。

次に、

react-native link @react-native-community/async-storage

をターミナルで実行します。

そして、React Nativeのプロジェクトの

import { AsyncStorage } from 'react-native';

を削除し(View、Textとか他にimportしている場合はAsyncStorageだけ削除すれば問題ないです)、

import AsyncStorage from '@react-native-community/async-storage';

を追加。

ここまでできたらあとはリスタート(「Running Metro Bundler on port 8081.」と表示されているターミナルを終了し、別のターミナルから再度「react-native run-ios」などで起動)すれば無事警告が消えました!

参考
https://stackoverflow.com/questions/55311228/how-to-remove-warning-async-storage-has-been-extracted-from-react-native-core

コメント