Posted at

React-NativeとReact-Navigationを併用すると、isMounted(...) is deprecatedの警告が表示される + 一時的解決法

More than 1 year has passed since last update.

React-Navigationを使ってみようとしたら、標題の現象が発生したので、一時的な解決法


原因

警告自体はES6のClassでは使われていないisMountedを使用している時に表示するもの。

しかし、React-navigationで使われているクラスにはisMountedが使用されていない。

どうやら原因はReact-native側にあるみたいで、警告が発生するべきではない自体でも発生してしまっている。

次リリースの.56では解決されている模様。


一時的解決法

以下の記載をindex.jsまたはApp.jsに加えれば、この警告が表示されても、アプリの画面上では表示されないように出来る。

警告自体はConsole上に表示されたまま。

import { YellowBox } from 'react-native';

YellowBox.ignoreWarnings(['Warning: isMounted(...) is deprecated']);


参考

React-Native Issue #18868