GestureDetector(2)
-
[019] 플러터 (Flutter) 배우기 - Icon (아이콘) + GestureDetector 적용
안녕하세요~ totally 개발자입니다. Icon 오늘 다룰 부분은 Icon, 아이콘을 표시하는 위젯으로 사용법이 매우 간단하고 쉽기 때문에 바로 예시로 들어가보도록 하겠습니다. 14번째 줄을 보시면 AppBar 위젯에 leading 속성을 추가하고 Icon 위젯을 배치했습니다. Icon의 사용법은 어떤 아이콘을 사용할 것인지만 명시해주면 끝입니다. 물론 size와 color를 추가하는 등 스타일을 적용할 수 있습니다. 이 뒤로 가기 아이콘을 활용해서 이 아이콘을 눌렀을 때, 뒤로 가기 즉 종료하기 위한 팝업을 띄워보도록 하겠습니다. 먼저 AlertDialog 위젯을 별도로 분리해서 선언해줍니다 (아래 참고). 이미 AlertDialog를 다루었기 때문에 간단히 설명하면 title, actions의 속성..
2022.11.01 -
[005] 플러터 (Flutter) 배우기 - GestureDetector, setState (제스쳐 인식하기)
안녕하세요~ totally 개발자입니다. GestureDetector 오늘 다뤄볼 내용은 GestureDetector 위젯입니다. 용어 그대로 제스쳐를 감지하는 기능을 가진 위젯이며 사용자의 제스쳐를 인식하기 위해 사용합니다. 이 GestureDetector를 사용할 때에는 인식하려는 범위에 따라 넣어주는 위치가 다르기 때문에 이 부분 주의하셔서 사용하시면 됩니다. 많이 사용하는 제스쳐 속성으로는 onTap이며 나머지 필요한 속성들은 여기에서 참고하시면 됩니다. 이 GestureDetector 위젯을 사용하여 버튼을 눌렀을 때, 밝은 배경을 어두운 배경으로, 어두운 배경을 밝은 배경으로 전환하는 기능을 만들어보도록 하겠습니다. 먼저 9번째 줄의 bool isLightTheme = true; 이렇게 boo..
2022.10.08