🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

Q&A

解決済

1回答

988閲覧

Flutter: webview_flutter ページ遷移時にリンクの影が残る

motomotoGo

総合スコア0

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

0グッド

0クリップ

投稿2021/03/07 05:22

編集2021/03/08 04:31

前提・実現したいこと

webview_flutterを試しに使ってみようと思いサンプルを実行しました。
iPhoneの実機で確認すると、リンクをタップしてページ遷移をすると、リンクの影?が遷移後のページにも表示されることが何度も発生しました。Appbarのブラウザバックで戻っても表示されたままです。
この表示が一度出るとwebview部分に触れるまで残ったままになります。

この表示を消す方法を探しています。

初期
初期状態
遷移後
名鉄3400系電車のリンクから遷移
戻る
ブラウザバック後の状態

対処方法をご存知の方ご教授よろしくお願いいたします。

該当のソースコード

ソースコードはサンプルのinitialUrlをウィキペディアに変更しただけなので省略いたします。
https://pub.dev/packages/webview_flutter/example

pubspec.yml

~~ version: 1.0.0+1 environment: sdk: ">=2.12.0 <3.0.0" dependencies: flutter: sdk: flutter webview_flutter: ^2.0.2 ~~~

試したこと

・webview.onPageStarted,onPageFinishedで
FocusScope.of(context).unfocus();

・onPageStarted内で1度だけリロード

補足情報(FW/ツールのバージョンなど)

AndroidStudio 4.1.1
Xcode 12.3

flutter --version

Flutter 2.0.1 • channel stable • https://github.com/flutter/flutter.git Framework • revision c5a4b4029c (3 days ago) • 2021-03-04 09:47:48 -0800 Engine • revision 40441def69 Tools • Dart 2.12.0

webview_flutter 2.0.2

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

表示するページが自由にできるなら
一時的な対処法ですが、ハイライトを無色にすることでそもそも表示をさせない。

対象のcssに追加

css

1a{ 2 -webkit-tap-highlight-color:rgba(0,0,0,0); 3}

投稿2021/03/08 00:24

motomotoGo

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問