Flutter で行全体をクリック可能にするにはどうすればよいですか? 次のコードを「GestureDetector」でラップします。行内の個々の項目はクリック可能ですが、ウィジェットの周囲の空白はクリックできません。
if ((auth.isLoggedIn)) ...[
GestureDetector(
onTap: () {
auth.signOut();
},
child: buildItem(
Image.asset("assets/images/logoff.png",),
"logout"
),
),
],
これは「buildItem」メソッドです
Widget buildItem(Widget icon, String title) {
return Padding(
padding: const EdgeInsets.only(left: 20, right: 15),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
child: Row(
children: <Widget>[
icon,
SizedBox(width: 20.0),
Text(
title,
style: TextStyle(
fontSize: 16.0,
),
),
],
)),
Icon(
Icons.arrow_forward_ios,
size: 20.0,
),
],
),
);
}
これが出力です。行内の各項目(アイコン、テキスト、>)はタップジェスチャに反応します。ただし、空白(テキストと「>」の間など)はタップに反応しません。
行全体がタップに反応するようにするにはどうすればよいですか。
ベストアンサー1
child: GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
///
},