📱

Flutterでウィジェットをタップできるようにする

2024/09/10に公開

1. InkWellを使用する

InkWell(
    onTap: () {
        //タップ処理
    },
    child: Card(),
)

2. GestureDetectorを使用する

GestureDetector(
    onTap: () {
        //タップ処理
    },
    behavior: HitTestBehavior.translucent, 
    child: Card(),
)

behaviorの設定でタップの反応範囲が変わります

子ウィジェットのみ(デフォルト)

behavior: HitTestBehavior.deferToChild

子ウィジェットの余白も含む

behavior: HitTestBehavior.opaque

子ウィジェットの背景も含む

behavior: HitTestBehavior.translucent

Discussion