InkWell4 Flutter 플러터에서 GridTile 내 이미지 위에 잉크웰 리플 효과 추가, InkWell ripple over top of image in GridTile in Flutter 질문 나는 사용자가 타일을 탭할 때 GridTile 안의 이미지 위에 리플 효과를 얻기 위해 InkWell을 사용하려고 시도하고 있습니다. 이미지 자체가 리플을 가리고 있는 것 같습니다. 이미지를 제거하면 리플이 보입니다. 아래는 단일 GridTile의 코드입니다. return new InkWell( onTap: () => debugPrint(s.displayName), highlightColor: Colors.pinkAccent, splashColor: Colors.greenAccent, child: new GridTile( footer: new GridTileBar( title: new Text(s.displayName), subtitle: new Text(s.gameName), backgroundC.. 2023. 12. 11. Flutter 플러터-웹: 마우스 호버 -> 커서를 포인터로 변경, Flutter-Web: Mouse hover -> Change cursor to pointer 질문 업데이트 (2021/05/11): 플러터는 이제 네이티브로 호버 이벤트가 구현된 위젯을 가지고 있습니다. RaisedButton과 같은 위젯에는 MouseCursor와 hoverColor 또는 hoverElevation과 같은 속성이 있습니다. https://api.flutter.dev/flutter/services/MouseCursor-class.html 또한, 수락된 답변에 언급된대로 어디에서든 InkWell을 사용할 수도 있습니다. 원래 질문: 플러터 내에서 커서 모양을 어떻게 변경할 수 있을까요? Listener() 위젯을 사용하여 마우스 이벤트를 수신할 수 있다는 것은 알고 있지만, 플러터 웹에 대한 호버 이벤트에 대한 정보를 찾지 못했습니다. 아직 해결책을 찾으신 분은 계시나요? 답변 지.. 2023. 9. 22. Flutter 플러터: 카드를 클릭 가능하게 만드는 방법은 무엇인가요?, Flutter: How do you make a card clickable? 질문 저는 new Card(child: new Text('My cool card'))와 같은 간단한 카드를 가지고 있으며, 어느 곳을 클릭하더라도 어떤 함수를 실행할 수 있도록하고 싶습니다. 그러나 Card에는 onPressed 메소드가 없습니다. 하단에 버튼을 추가할 수 있지만 이 상황에는 이상적이지 않습니다. 카드 전체를 클릭할 수 있게하는 방법을 아시는 분 계신가요? 답변 Flutter는 속성 대신 구성을 사용합니다. 원하는 위젯을 클릭 가능한 것으로 감싸서 필요한 것을 달성하세요. 일부 클릭 가능한 위젯 : GestureDetector, InkWell, InkResponse. GestureDetector( onTap: () => ......, child: Card(...), ); 2023. 6. 1. Flutter - Inkwell, GestureDetector, 터치 클릭 인식 안녕하세요 독학코딩입니다. 오늘은 Flutter에서 사용자의 터치 혹은 클릭 그에 더해서 길게 누르기, 두번 누르기 등 모든 사용자 제스처를 인식할 수 있는 위젯 GestureDetector를 배워보도록 하겠습니다. Flutter GestureDetector GestureDetector( onTap: () { print("Button Clicked!"); }, child: Container( color: Colors.yellow.shade600, padding: EdgeInsets.all(50), child: Text('PRINT'), ), ), GestureDetector는 사용하기 아주 간편한 위젯 중 하나 입니다. GestureDetector의 child에 클릭 효과를 주고 싶은 위젯을 넣어주면 됩.. 2022. 4. 12. 이전 1 다음
