Flutter 이미지에 클릭 이벤트를 추가하는 방법?
Image에는 onTap이 없습니다 ...
이미지를 클릭으로 천이시키고 싶을 때나, 뭔가 이벤트를 발동시키고 싶을 때, 보통에 onTap
가 있다고 생각했습니다만, 없었습니다. . .
그럼 어떻게 할까요? ?
GestureDetector를 사용합시다.
main.dart Widget build(BuildContext context) {
return ClipRRect(
borderRadius: BorderRadius.circular(10),
child: GridTile(
child: GestureDetector(
onTap: () {
// do something
);
},
child: Image.network(
imageUrl,
fit: BoxFit.cover,
),
),
),
),
);
GestureDetector
는 image 뿐만이 아니고, 모든 임의의 Widget 에 클릭 이벤트를 붙일 수가 있는 것 같습니다.
이것은 절대적으로 사용!
Reference
이 문제에 관하여(Flutter 이미지에 클릭 이벤트를 추가하는 방법?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kokogento/items/a6f2f5780cc863174339
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
main.dart
Widget build(BuildContext context) {
return ClipRRect(
borderRadius: BorderRadius.circular(10),
child: GridTile(
child: GestureDetector(
onTap: () {
// do something
);
},
child: Image.network(
imageUrl,
fit: BoxFit.cover,
),
),
),
),
);
GestureDetector
는 image 뿐만이 아니고, 모든 임의의 Widget 에 클릭 이벤트를 붙일 수가 있는 것 같습니다.이것은 절대적으로 사용!
Reference
이 문제에 관하여(Flutter 이미지에 클릭 이벤트를 추가하는 방법?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kokogento/items/a6f2f5780cc863174339텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)