본문 바로가기

Flutter/Flutter 위젯12

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.
Flutter - AbsorbPointer, 클릭 터치 방지 안녕하세요 독학코딩입니다. 오늘은 Flutter에서 화면 터치를 방지하는 방법에 대해서 배워보겠습니다. 특정 레벨의 사용자만 사용할 수 있는 기능 혹은 특정 조건에서만 활성화 되는 버튼을 만들기에 좋은 기능이니 잘 알아두시면 좋습니다. Flutter AbsorbPointer Absorb는 한글로 "흡수"입니다. Pointer는 보통 마우스 포인터, 클릭을 의미하니 AbsorbPointer는 말 그대로 클릭을 흡수하는 위젯입니다. class FirstRoute extends StatefulWidget { const FirstRoute({Key? key}) : super(key: key); @override State createState() => _FirstRouteState(); } class _Firs.. 2022. 4. 9.
Flutter DropdownButton 다루기 안녕하세요 독학코딩입니다. 오늘은 Flutter의 드랍다운버튼, Dropdownbutton에 대해서 배워보겠습니다. 어떤한 앱을 만드시든 아마 필수적으로 들어갈 수 밖에 없는 위젯이니 이 기회에 잘 알아두시면 좋을 것 같습니다. Flutter DropdownButton 기초 DropdownButton( value: dropdownValue, onChanged: (String? newValue) { setState(() { dropdownValue = newValue!; }); }, items: dropdownList.map((String value) { return DropdownMenuItem( value: value, child: Text(value), ); }).toList(), ) Flutter .. 2022. 4. 5.
Flutter - ScaffoldMessenger, SnackBar, Banner, 앱 알림 띄우기 안녕하세요 독학코딩입니다. 오늘은 Flutter에서 ScaffoldMessenger에 대해서 배워보겠습니다. ScaffoldMessenger는 Scaffold에서 사용자에게 손 쉽게 알림 들을 띄울 수 있는 위젯입니다. 앱을 개발하다 보면 사용에게 작은 안내를 보내야 할 많은데, Scaffold를 사용하는건 일반적이니 ScaffoldMessenger를 이용하면 알림을 아주 쉽게 띄울 수 있습니다. ScaffoldMessenger는 Scaffold 하위 트리의 루트에 알림을 표시합니다. 만약 내부의 중첩된 Scaffold에 대한 알림을 표시하려면 중첩 수준 사이에 새 ScaffoldMessenger를 인스턴스화하여 새 범위를 설정해야 합니다.. import 'package:flutter/material.d.. 2022. 4. 2.