Flutter androidでnavigationすると画面がちらつく(一瞬画面が表示される・点滅する)

Interface Internet Program Browser  - janjf93 / Pixabay プログラミング
janjf93 / Pixabay
Flutterを使ったスマホアプリについて。

自分の場合はwebview_flutterのページからナビゲーションで別ページへ移動した際、前のページ(ウェブビュー)が一瞬表示される問題が発生しました。

iosでは発生せず、androidだけです。

issueが上がっていました。flutter 2.8.0での問題のようです。

[webview Android] Flicker issue when navigating routes · Issue #96177 · flutter/flutter
Steps to Reproduce Execute flutter run on the code sample Select the music icon from the bottom navigation bar. See the ...
[Android] Severe glitch when navigating to a screen with google_mobile_ads · Issue #95343 · flutter/flutter
Upgrading to Flutter 2.8.0 causes flickering when navigating between screens in apps that contain ads. In particular, th...

どうやらwebviewまたはバナー広告を使用している場合に発生するようです。

解決方法

flutter ver.2.10.0 で修正されるので、リリースされたら更新すれば解決されるとのこと。

もしくは、ver.2.5.3にダウングレードすれば解決できます。

flutter downgrade

余談ですが、チラつく という現象を、英語では flicker というそうです。調べるのにちょっと時間が掛かりました。

Flutterの最新情報は公式サイトで。

Flutter - Build apps for any screen
Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embed...

以下の書籍もとても参考になります。

テキストよりも動画で集中して学びたい方はこちら。

Udemyホームページ

コメント

タイトルとURLをコピーしました