Flutter; GestureDetector의 onTapUp 오류(onTapDown 유지되는 오류) 해결방법GestureDetector를 사용하던 중 onTapUp과 onTapDown만 사용하던 중 불편한 점을 발견. 불편한 점이 무엇이냐면 보통의 상황에서는 눌렀다 떼면 원하는 기능이 잘 작동한다. 그러나 TapDown상태에서 손가락을 끌어서 나중에 놓는 경우 onTapUp이 작동하지 않음. class MyApp extends StatefulWidget { const MyApp({super.key}); @override State createState() => _MyAppState(); } bool isClickedBtn1 = false; class _MyAppState extends State { @override Widget build(BuildContext context) { return Material.. Flutter; ElevatedButton으로 클릭 효과 구현 (MaterialStateProperty)클릭시 눌리는 효과(버튼이 크기가 약간 줄어드는 효과)를 구현하기 위한 방법. 설명 생략. ElevatedButton( onPressed: () { //TODO: ClickEvent }, style: ButtonStyle( alignment: Alignment.center, shape: MaterialStateProperty.all( RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), ), ), overlayColor: MaterialStateProperty.resolveWith( (states) => Colors.transparent), padding: MaterialStateProperty.all( const EdgeInsets.symm.. Flutter; Container로 커스텀 애니메이션 (눌림 효과) 버튼 구현하기플러터에서 버튼의 종류는 TextButton, ElevatedButton, OutlinedButton이 세가지이다. 위 세가지 버튼에도 클릭시 기본 효과가 존재하지만, 내가 원하는 느낌은 눌려서 작아지는 느낌이었다. 그래서 두고두고 쓰고자 작성함. 아래 위젯은 Flutter Hooks를 사용하여 작성됨. flutter_hook가 싫다면 걍 useState부분을 setState로 대체해서 사용하면 될듯함. 먼저 flutter_hooks를 프로젝트에 추가 flutter pub add flutter_hooks 아래의 위젯에 사용되는 flutter_hooks의 함수는 useState()이다. 이를 사용하면 statefulWidget을 사용한 코드보다 훨씬 길이가 단축된다. var data = useState(*.. 이전 1 다음