Flutter(9)
-
[Flutter] 사용자 동작(제스터)를 감지하는 GestureDetector위젯
flutter에서 제스처를 감지하기 위해 onPressed onTab을 직접 위젯에 넣는 대신에 GestureDetector 위젯을 이용해서 훨씬 더 많은 범위의 위젯을 감지할 수 있습니다. ex) 길게 터치 (GestureTapCallback) , 끌기 (GestureDragStartCallback / GestureDragEndCallback) , 강제누르기 (GestureForcePressPeakCallback) 등등 문서를 참조. 수많은 액션 클래스들이 정의되어 있습니다! 여기 GestureDetector class - widgets library - Dart API A widget that detects gestures. Attempts to recognize gestures that corres..
2020.12.12 -
[Flutter] 정적 이미지 파일 가져오기 (화면에 따른 조정법)
flutter에서 이미지 파일 가져오는 방법을 알아봅시다! 하드코딩 해서 값을 픽셀 값으로 지정할 수 있지만 가로 모드로 변환하거나 디바이스의 사이즈마다 다를 땐 이미지로 인해 UI가 깨질 수도 잇습니다! Expanded class Expanded calss를 이용할 수 있습니다. ( 참고 : api.flutter.dev/flutter/widgets/Expanded-class.html ) 즉, Row, Column 또는 Flex 위젯의 child 확장해서 child가 사용 가능한 공간을 채울 수 있도록 하는 위젯으로 확장 위젯을 이용하며 반응형처럼 만들 수 있습니다. tip) 갑자기 생각 난 tip. window 경우, Ctrl + Shift를 누르면 전구 표시가 나오는 데, 클릭해서 레이아웃을 나눌 R..
2020.09.13 -
[Flutter] 디렉토리 구조의 pubspec.yaml 알아보기
안드로이드 스튜디오에서 생성된 플러터 프로젝트를 보면 pubspec.yaml파일이 생성됩니다. yaml파일은 설정파일로 .yaml확장아로 나옵니다. 보통 xml형식으로 의존성을 추가하는데 xml이나 json형식보다 사람이 저장하고 읽고 쓰기 쉬운 형식으로 나온 약속입니다. node.js의 package.json같은 패키지들의 의존성 관리 및 프로젝트를 정의하는(프로젝트 이름, 버전, 개발 환경등을 기술하는) 역할을 합니다. name: i_am_rich description: A new Flutter application. # The following line prevents the package from being accidentally published to # pub.dev using `pub pub..
2020.08.09