質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.46%
Flutter

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

Q&A

解決済

1回答

1519閲覧

Flutter : InkWellウィジェットの役割と「タップをサポートしているウィジェット」

moriman

総合スコア615

Flutter

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

0グッド

0クリップ

投稿2020/10/18 04:20

https://flutter.dev/docs/cookbook/gestures/ripples
上記ページでInkWellウィジェットについて説明されているのですが、
InkWellウィジェットをどういう時に使うのかいまいちよくわかりません。
なんとなくはわかるのですが。

リップル効果を加えたい場合の手順として
1.Create a widget that supports tap
(タップをサポートしているウィジェットを生成する)
2.Wrap it in an InkWell widget to manage tap callbacks and ripple animations.
(Inkwellウィジェットでラップする)

という説明で、サンプルとして「タップをサポートしているウィジェット」として、Containerウィジェットが使われています。

多分Containerウィジェットは「タップをサポートしているウィジェット」なのだろうと思いますが、
具体的に「タップをサポートしているウィジェット」とはどういうウィジェットなのでしょうか?
(タップをサポートしている、と言えるための要件)

あと、結局InkWellウィジェットの使い方としては、
「それ単体ではリップルエフェクトもタップ時コールバックも追加できないウィジェットに対して、両者を追加したい場合」
に使用するウィジェット、ということなんでしょうか?

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

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

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

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

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

guest

回答1

0

ベストアンサー

widget that supports tap は、「タップをサポートしたいウィジェット」ぐらいの意味だと思います。なので、Inkwellでラップするウィジェットはなんでも大丈夫です。タップ機能のないウィジェットを、タップできる様にしたい時に使えばいいです。似たようなものに、GestureDetectorがありますが、こちらはリップルエフェクトがつきません。

投稿2020/10/18 06:51

f-miyu

総合スコア1625

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

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

moriman

2020/10/18 07:38

なるほどですね。 便利ですね。 ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問